Hey,
That’s because you’ve removed the site title / gravatar etc.
You’ll need some custom css. Try something like;
.header {
height:500px;
}
Just adjust that value to suit.
Thanks
Thread Starter
T Can
(@t-can)
Where do I add that code to?
I added it to my child theme and it did not make any difference I even changed the number to 1500px just to see what it would do but it did not change at all.
I have even put a . in site title and . in tag line to increase the height and that worked slightly but my image is still stretched both height and width.
Thread Starter
T Can
(@t-can)
I took the . out because it made the top tab title ./.
Where do I put the header code you gave me?
How do I stop my image from stretching height and width. I am using at 2500 x 600 picture?
If your CSS isn’t working, it’s likely because you have extra closing brackets in your style.css file:
http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fmrsgreenjeansplantsseeds.com%2F&profile=css3&usermedium=all&warning=1&vextwarning=&lang=en
Also, the header is contained in this element – which has a width set:
.inner-wrap {
left: 0 !important;
margin: 1.777em auto;
max-width: 74.55em;
transform: none !important;
}
Thread Starter
T Can
(@t-can)
Now I am more confused than ever. Do I need to correct all the errors in that report? Did it tell me where the extra closing bracket is.
Do you want me to add that code to my page?
No, you only need to correct the errors in the child theme CSS file – scroll down the validator results to that page – looks like these are extra stray brackets here:
.inner-wrap {
background-color: #ffffff;
}
}
}
/*Targets the main navigation menu*/
.main-nav ul.menu a {
color: #000000;
}
There may well be other problems as the theme author suggested above.
Thread Starter
T Can
(@t-can)
I took out the bracket and it has let the header get bigger but it did not stop the image from stretching to huge.
Thread Starter
T Can
(@t-can)
I took out the header and the gravatar as I don’t want them I only want an image.
Try also adding the following;
.header {
background-size: 900px;
}
Thread Starter
T Can
(@t-can)
Woo hoo thanks – that shrunk my graphic back to it’s right size, but now I have a black long bar behind it.
I put in
.header {
background-color: #00cd66 ;
}
to make it the same green as the sides but that did not work.
Thread Starter
T Can
(@t-can)
Ok very strange but I found that background header colour linked to the links colour in the customize section.
Last think I hope but now I have a large green bar below my header image between the body, can I either make that smaller or get rid or it totally.
When I alter the
.header {
height: 220px;
}
to smaller then it chops the top off my graphic but does not change the bar on the bottom of the graphic.
Thanks again for all your help I would be lost without you.
…The same happens to mine (www.cebubibleseminary.com)…the header size overlaps the image..This is a wonderful theme..
