Background image on header

[rusteynail]

Any way to change the background header color to an image?

[Harry]

Hi,

Please go to Theme Customize > Theme Settings > Custom Code > Custom CSS and add below code

#jas-header {
	background: url('//cdn.shopify.com/s/files/1/2686/0798/files/Untitled-1_1eac5875-7a35-4b21-9037-3a23ed2b8574.jpg') center center no-repeat;
	background-size: cover;
}

and change “//cdn.shopify.com/s/files/1/2686/0798/files/Untitled-1_1eac5875-7a35-4b21-9037-3a23ed2b8574.jpg” with your image path

Best regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[rusteynail]

Thanks for the response Harry, But I cannot get this to work, I have placed the custom code in the “custom css”  and I see you have used an image already on my store files, but nothing shows up.

Could you take a look for me?

[rusteynail]

Harry, not to worry, I copied the code from your email alert, not from the forum, it works great thanks!!

[rusteynail]

May I ask, what is the Ideal resolution for a background image?

[Harry]

Hi Russell,

The recommend resolution for header background image is 1920×300

Best regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[pviljoen]

can you please share the correct code as I tried to change the URI to my image – store_image/image.jpg and it does not work

 

[pviljoen]

Thanks solved the issue. Found the URl under store settings/ files upoad.

[Author]

Posts