Thanks for sharing!

Christopher:

Another discovery (d'huh): in WP 4.5, there's a setting that should be adjusted for your theme to prevent image blurring: Settings--Media--Large Size defaults to 1024x768, which is a little ridiculous (hello WordPress). Change this to at least 1920x1280, I set mine at 2123x1415. Boom, no more blurry images.

But also change the custom image size in functins.php (and use a child theme!).

Thanks,

Christopher

You bet! :-)

If you're enjoying the theme, PLEASE don't forget to rate it on your downloads page on ThemeForest. Five-star ratings REALLY help me out and encourage further development and updates.

Thanks!

Christopher

Worked! Created child theme and added functions.php, worked like a charm. Thanks!

Hi there,

The header images are controlled from functions.php on lines 181-191...

/////////////////////
//CUSTOM HEADER IMAGE
/////////////////////
$headerArgs = array(
	'default-image' => get_template_directory_uri() . '/images/architecture.jpg',
	'header-text'   => false,
	'height'        => 800,
	'width'         => 1200,
	'uploads'       => true
);
add_theme_support( 'custom-header', $headerArgs );

For more information about each setting, please review this Codex article: https://codex.wordpress.org/Custom_Headers

Hope that helps!

Best,

Christopher

Hi Christopher:

http://www.americasucceeds.org/start

Wondering if there is a way to modify or opt-out of whatever is resizing and cropping the header images. At lower resolutions (ex. mobile) the images look fine. At desktop resolutions (1920w) my header images blur and embedded logos and text look terrible.

The recommended header image size, 1200x800, may seem reasonable, but 1920w is fairly common these days. This is one of the more annoying things about social media, the design perspective of trying to make one image work for everything. When I custom design, I of course hand-render images at varying sizes to ensure they are all crisp and look great.

Whatever is auto-sizing the images in Contractor seem optimized for lower resolutions. It may be resizing my 1920x1280 images to 1200x800 and then scaling them back up to 1920 on my desktop, thus making them look awful.

And/or, it may be lowering the quality of my JPG images--really not cool :-) --presumably to reduce the file size. I would much prefer to have control over image quality.

Either way, I am not getting a good, professional look on my home page display images.

Is there a way I can bypass or disable this, at least for desktop resolutions? Failing that, is there some way I can manually code around it in Php, i.e. putting in some kind of sniffer which-way switch that loads my own untouched images for desktop and loads the auto-resized stuff for mobile?

Let me know your thoughts. Thanks,

--Another Christopher