Enlarge header
-
Hi
My website is clonesnclowns.com and I am trying to enlarge the header so that my whole logo is visible.
I would also like to remove the tiny dots around the navigation menu.
Any tips ?
Thanks a lot !
-
would also like to remove the tiny dots around the navigation menu.
style.css line 523, change,
from#page_list { background: url(images/background.png); height: 25px; padding: 3px 0 0 10px; list-style: none; margin: 0 auto; }
to
#page_list { height: 25px; padding: 3px 0 0 10px; list-style: none; margin: 0 auto; }
enlarge the header so that my whole logo is visible
Use the same stylesheet you’re calling the header background image:
line 47 change height to 180px (height of background image) and remove padding top and bottom.
from#header { height: 85px; padding: 35px 0 40px 20px; width: 986px; margin: 0 auto; }
to
#header { height: 180px; padding: 0px 0 0px 20px; width: 986px; margin: 0 auto; }
Hi
Thanks so much for helping – the dots were removed !
However the second bit doesn’t look like anything I have on my style sheet – I don’t seem to have a height section..
Here is what my header section on my style sheet looks like :
[ Moderator note: please wrap code snippets in the backtick character or use the code button. ]/* Headers */ h1 { margin: 0; } .entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 { margin:0 0 10px 0; } #title_box{ padding: 10px 25px 5px; margin-left:7px; position:relative; float:left; } .corner_bl, .corner_br, .corner_tr, .corner_tl{ position:absolute; } .corner_bl{ background:url(images/kreis.png) 0px 10px; left:0; bottom:0; width:10px; height:10px; } .corner_br{ background:url(images/kreis.png) 10px 10px; right:0; bottom:0; width:10px; height:10px; } .corner_tr{ background:url(images/kreis_voll.png) 0px 0px; right:-7px; width:7px; height:7px; top:0px;} .corner_tl{ background:url(images/kreis_voll.png) 7px 0px; left:-7px; width:7px; height:7px; top:0px; } h2 { margin-top: 10px; } #sidebar h2 { margin-top: 5px; padding: 0; } h3#comments { margin: 40px auto 10px ; } h3#trackback { margin: 40px auto 10px ; } #footer h2 { background:url(images/floral_kl.png) center bottom no-repeat; padding-bottom: 15px; position:relative; z-index:1; } /* Headers */
P/S As you will have guessed I’m very new to coding so please bare with me – thanks for being so helpful !
How have you added the header image?
Simply by uploading it in the theme options
Okay could you add this code
#header { height: 180px; padding: 0px 0 0px 20px; width: 986px; margin: 0 auto; }
To the bottom of your styles in the header.php file?
Doesn’t seem to make any difference ??
This is the file which holds the header styling
https://www.clonesnclowns.com/?css=cssI still can’t find out which file it is, what it is named.
So all I can recommend is this (re-post of above)could you add this code
#header { height: 180px; padding: 0px 0 0px 20px; width: 986px; margin: 0 auto; }
To the bottom of your styles in the header.php file?
And you would just place this at the very end of that page, would you ?
Thanks for your help, I’ll give it a go and class this as resolved if it works. If not, please can anyone else help ?Thanks again
And you would just place this at the very end of that page, would you ?
I would put it at the end of the styles – e.g
/* Headers */ h1 { margin: 0; } .entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 { margin:0 0 10px 0; } #title_box{ padding: 10px 25px 5px; margin-left:7px; position:relative; float:left; } .corner_bl, .corner_br, .corner_tr, .corner_tl{ position:absolute; } .corner_bl{ background:url(images/kreis.png) 0px 10px; left:0; bottom:0; width:10px; height:10px; } .corner_br{ background:url(images/kreis.png) 10px 10px; right:0; bottom:0; width:10px; height:10px; } .corner_tr{ background:url(images/kreis_voll.png) 0px 0px; right:-7px; width:7px; height:7px; top:0px;} .corner_tl{ background:url(images/kreis_voll.png) 7px 0px; left:-7px; width:7px; height:7px; top:0px; } h2 { margin-top: 10px; } #sidebar h2 { margin-top: 5px; padding: 0; } h3#comments { margin: 40px auto 10px ; } h3#trackback { margin: 40px auto 10px ; } #footer h2 { background:url(images/floral_kl.png) center bottom no-repeat; padding-bottom: 15px; position:relative; z-index:1; } #header { height: 180px; padding: 0px 0 0px 20px; width: 986px; margin: 0 auto; } /* Headers */
Thank you !
OK – nailed it !
- The topic ‘Enlarge header’ is closed to new replies.