How do I take advantage of the logo area in the project as seen throughout the Phenom and Emotion preview site?
1. Simply add a logo at twice the size to your Show Site Setup area and add the following snippet to your custom CSS area.
2. Determine the actual size of the logo you would like to be displayed and place within the custom CSS area as follows ( Height and width numbers are based on half the size of your actual image. For instance, the image being dropped throughout the preview site is 232px by 218px ):
a#logo {
width: 116px;
height: 109px;
}
3. If you would like to add "spacing" at the top of your image, you may add the following in addition to your logo sizing:
a#logo {
width: 116px;
height: 109px;
margin: 70px 0 0 0;
}
*** Height and width numbers are based on half the size of your actual image. For instance, the image being dropped throughout the preview site is 232px by 218px.
2. Determine the actual size of the logo you would like to be displayed and place within the custom CSS area as follows ( Height and width numbers are based on half the size of your actual image. For instance, the image being dropped throughout the preview site is 232px by 218px ):
a#logo {
width: 116px;
height: 109px;
}
3. If you would like to add "spacing" at the top of your image, you may add the following in addition to your logo sizing:
a#logo {
width: 116px;
height: 109px;
margin: 70px 0 0 0;
}
*** Height and width numbers are based on half the size of your actual image. For instance, the image being dropped throughout the preview site is 232px by 218px.