Width setting on page header block
Permalink
Dear community,
I have inherited a website that I am updating monthly - for about a year now. I am doing this voluntarily for our local church run farmers market.
My problem that I am asking advice about, is that green blocks at the top of all the pages are not the same width (as each other).The gradual fill block is especially eye-catchingly wrong! :)
This is really bugging me and I have searched everywhere to try and find a menu to sort it out.
Would it be poss for someone in your lovely community give me an idea how to do this.
I have even been trying to learn code and am up to 16 hours on code.org but its a bit tough.
The website is www.www.horsforthfarmersmarket.co.uk...
Many many thanks for any help / advice given xxx
I have inherited a website that I am updating monthly - for about a year now. I am doing this voluntarily for our local church run farmers market.
My problem that I am asking advice about, is that green blocks at the top of all the pages are not the same width (as each other).The gradual fill block is especially eye-catchingly wrong! :)
This is really bugging me and I have searched everywhere to try and find a menu to sort it out.
Would it be poss for someone in your lovely community give me an idea how to do this.
I have even been trying to learn code and am up to 16 hours on code.org but its a bit tough.
The website is www.www.horsforthfarmersmarket.co.uk...
Many many thanks for any help / advice given xxx
Many thanks.
I'll give it a try now. It's all a bit scary - code :) - but he (she :) ) who dares wins.
Many thanks again for your kind reply.
xxx
I'll give it a try now. It's all a bit scary - code :) - but he (she :) ) who dares wins.
Many thanks again for your kind reply.
xxx
no worries. If you have any more questions just ask.
There's every possibility I misunderstood the desired effect with the green background and the difference between the home and subpages and you'll need to change the values I gave.
Like I said - any questions - just ask.
There's every possibility I misunderstood the desired effect with the green background and the difference between the home and subpages and you'll need to change the values I gave.
Like I said - any questions - just ask.
I just had a quick look and the first issue I saw was that on the homepage your header area is smaller than the subpages - this causes your background image to repeat further down and go lower down on the logo.
If you look in your .css
header {
height: 122px;
padding: 0 0;
position: relative;
z-index: 3;
background: url(../img/bgHeader.jpg) top center;
}
you'll see the height is 122px - this is what is used on your homepage.
but on the subpages the following will be used instead because their body element has the subpage class:
body.subpage header {
height: 180px;
}
As I looked through the site I couldn't see the other elements shifting about - but that could be a browser issue.
Just for quickness I'd try remarking out the subpage header like so
/* body.subpage header {
height: 180px;
} */
then take a look through the site and see if that helps at all (hopefully it'll give you a start).