Casino frenzy login philippines.Claim Your Free 999 Pesos Bonus Today

cartwrightk
(@cartwrightk)

11 years, 6 months ago

Hello all,
I have a long standing issue with having a blurry header.
it doesn’t seem to matter what i do the header always looks blurry
https://www.sergiosalina.com
png, save to web, rasterizing, compressing, jpeg, document/image sizing, re-saving text as image in ps etc., nothing seems to work!
does anyone have any clue on how to make it crisp?

[Either post a listing at WP Jobs or sit and wait for free support on these forums]

Viewing 15 replies - 1 through 15 (of 37 total)

1 2 3 →

Thread Starter cartwrightk
(@cartwrightk)

11 years, 6 months ago

i am altering the css on the child theme style sheet to no avail.

WPyogi
(@wpyogi)

11 years, 6 months ago

It’s getting resized – that tends to make them blurry when they get larger than the original.

Thread Starter cartwrightk
(@cartwrightk)

11 years, 6 months ago

no i made the original very very large.
WPyogi
(@wpyogi)

11 years, 6 months ago
Your site shows this for the header image:
```
1000px × 209px (scaled to 1259px × 263px)
```
Thread Starter cartwrightk
(@cartwrightk)

11 years, 6 months ago

nope, redid it – still blurry…

MariGarza
(@marigarza)

11 years, 6 months ago

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.

Thread Starter cartwrightk
(@cartwrightk)

11 years, 6 months ago

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?

Pioneer Web Design
(@swansonphotos)

11 years, 6 months ago

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.

Thread Starter cartwrightk
(@cartwrightk)

11 years, 6 months ago

i actually remade it 1400 by 400 and posted it. it is still blurry.
https://www.sergiosalina.com
so i will try bumping it up to 2000 ??
thank you ??

Pioneer Web Design
(@swansonphotos)

11 years, 6 months ago

Make sure you refresh the page each time…

Thread Starter cartwrightk
(@cartwrightk)

11 years, 6 months ago

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?!

Thread Starter cartwrightk
(@cartwrightk)

11 years, 6 months ago

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

Pioneer Web Design
(@swansonphotos)

11 years, 6 months ago

If an image is made smaller with CSS, it will look ‘crispy’, if it is stretched to larger than the image’s actual dimensions, if will look ‘blurry’.

Now, we have a much bigger issues to deal with:

https://sitecheck.sucuri.net/results/www.sergiosalina.com/

Your site, unfortunately, has been compromised.

You need to go through all of these:

https://codex.www.ads-software.com/FAQ_My_site_was_hacked
https://www.ads-software.com/support/topic/268083#post-1065779
https://smackdown.blogsblogsblogs.com/2008/06/24/how-to-completely-clean-your-hacked-wordpress-installation/
https://ottopress.com/2009/hacked-wordpress-backdoors/

Additional Resources:
https://sitecheck.sucuri.net/scanner/
https://www.unmaskparasites.com/
https://blog.sucuri.net/2012/03/wordpress-understanding-its-true-vulnerability.html
https://codex.www.ads-software.com/Brute_Force_Attacks

Thread Starter cartwrightk
(@cartwrightk)

11 years, 6 months ago

how can that happen? it’s only new, and the password is huge.

WPyogi
(@wpyogi)

11 years, 6 months ago

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:

https://www.ads-software.com/support/topic/twenty-eleven-header-image-size?replies=26