Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
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;
}
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
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 !
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
How have you added the header image?
Simply by uploading it in the theme options
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
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 🙁
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
This is the file which holds the header styling
http://www.clonesnclowns.com/?css=css
I 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
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
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 */
