How do I reduce the margins around my custom logo header?
-
Posts
-
I would like to reduce the amount of white space (margins), top and bottom of my header logo. How do I do this? The blog in question is http://blog.whodhavethought.com. Many thanks, Jane
The blog I need help with is blog.whodhavethought.com.
Try using this CSS code. It should keep the space to the left and right of your logo, while removing the top and bottom spacing.
#header {0px 30px;}One thing to note is that since your image itself includes a large white background which surrounds the actual logo, doing this won’t result in a drastic change. You might actually need to edit the image itself, by cropping off some of the top and bottom in order to have a shorter header to your site.
Sorry, a quick correction here:
#header {padding: 0px 30px;}There, that should do it.
Thanks for your help – it’s looking better now. The only thing is it’s a bit left of centre even though I have centred it. Is there any way around this? Thanks, Jane
No problem. It looks like when you used the newer, smaller image, it wasn’t the full width of the available space, so it’s left aligned. This likely happens by default.
Anyway, this should get you what you need:
#title-logo {text-align:center;}Fantastic – its worked! Thanks so much for your help.
No problem!
The topic ‘How do I reduce the margins around my custom logo header?’ is closed to new replies.
