i am altering the css on the child theme style sheet to no avail.
It’s getting resized – that tends to make them blurry when they get larger than the original.
no i made the original very very large.
Your site shows this for the header image:
1000px Ć 209px (scaled to 1259px Ć 263px)
nope, redid it – still blurry…
It’s because the image scales to 100%.
style.css:554
#branding img {
height: auto;
display: block;
width: 100%;
}
Take off the width: 100% and put a blue background to #branding css on line 527.
Or
Make the image
cropped-header500.jpg very large to accommodate the responsive header.
Hi MariGarza,
thank you for your response!!
ok, i will do the last one as it is a child theme [rather than go into the original files]
– what is very large?
They meant that when something scales it could look poor on a high resolution screen – many are using 1920 wide or even bigger now…
From above the image is actually 1000px wide, was scaled for them to 1295 wide (due to that CSS and their screen size).
If you want the full width template header, upload an image that is optimized for web and 1920px wide at least and use that.
i actually remade it 1400 by 400 and posted it. it is still blurry.
http://www.sergiosalina.com
so i will try bumping it up to 2000 š
thank you š
Make sure you refresh the page each time…
ok made the header 2000 by 400 and it is still blurry.
yes i did refresh.
and no, the header is still blurry
Please, is there anyone who knows how to make it crisp?!
but maybe i’m not understanding how the css affects the image?
“the image is actually 1000px wide, was scaled for them to 1295 wide (due to that CSS and their screen size).”
there must be a simple way to make a header look crisp and professional
how can that happen? it’s only new, and the password is huge.
Aside from the above, the header image size is defined in the functions file – so if you want to use one bigger than 1000px wide, you have to change that – see:
http://ww.wp.xz.cn/support/topic/twenty-eleven-header-image-size?replies=26
