Home Forums Themes Support Claue-Shopify Background image on header

Topic Resolution: Resolved

This topic contains 7 replies, has 3 voices, and was last updated by  pviljoen 2 weeks, 6 days ago.

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #21919

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

    #21923

    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

    #21924

    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?

    #21927

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

    #21928

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

    #21933

    Hi Russell,

    The recommend resolution for header background image is 1920×300

    Best regards

    #22008

    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

     

    #22011

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

Viewing 8 posts - 1 through 8 (of 8 total)

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