white sands theme

User 130687 Photo


Registered User
13 posts

Yesterday I bought some themes that were on sale. I am not sure if I can post a question here about it or not. I am trying to put my own logo in the white sands theme. I guess I went over my head thinking using a theme would make it easy for me. I have my own logo I want to insert in the header and it is 251x171. When I open the css and change the url to my logo it only shows part of it. I have played around with the code but I am not up on this enough to figure out how to get it to work. Here is the line where the logo is shown:
I have changed it all around with no luck...any suggestions?

h1 {margin:67px 0 77px 0; padding-left:65px; font-size:72px; color:#fff; background:url(../images/logo_bg.jpg) left 50% no-repeat}
User 2013232 Photo


Registered User
7 posts

Your logo is too high for the heading section -
the height is controlled by the size of the h1 heading (font-size) and of the padding (the space that clears an area around the content (inside the border) of an element) use padding-top: for that or the shorthand way
padding:(top) (right) (bottom) (left)

So a style that should work would be

h1 {margin:67px 0 77px 0; padding 85px 0px 85px 65px; font-size:72px; color:#fff; background:url(../images/logo_bg.jpg) left 50% no-repeat}

Hope this makes sense. :)

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.