Home › Forums › Themes Support › Claue-Shopify › Background image on header

Topic Resolution: Resolved

Tagged: 

Viewing 7 reply threads
Save
  • Author
    Posts
    • June 25, 2018 at 12:52 am #21919
      rusteynail

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

    • June 25, 2018 at 2:16 am #21923
      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

    • June 25, 2018 at 2:37 am #21924
      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?

    • June 25, 2018 at 2:40 am #21927
      rusteynail

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

    • June 25, 2018 at 2:45 am #21928
      rusteynail

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

    • June 25, 2018 at 7:54 am #21933
      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

    • June 27, 2018 at 11:54 pm #22008
      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

       

    • June 28, 2018 at 3:15 am #22011
      pviljoen

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

  • Author
    Posts
Viewing 7 reply threads
Save

The topic ‘Background image on header’ is closed to new replies.