Dawn Theme: How to add an image/texture to header instead of just a solid color?

Store Design
1

What’s the coding to change this header part to a texture image, and where would I place it?

DaAse.png
DaAse.png1920×1080 304 KB

1 Like
2

Please follow the steps:

  • Step 1: Go to Online store > Themes > Actions > Edit code.
  • Step 2: Go to Assets and upload background image. Ex name image “background.png”
  • Step 3: Go to Assets > base.css and paste this at the bottom of the file:
    .header-wrapper{
    background-image: url(“{{ ‘background.png’ | asset_url }}”);
    background-repeat: no-repeat;
    background-size: cover;
    }
2 Likes
3

It didn’t work.

4

Please send your site and if your site is password protected, please send me the password. I will check it for you

5

Hi! I’m trying to do the same thing, and your solution didn’t take. Are there other lines I should remove from base.css? Please let me know.

6

Hi @columnsmith ,

Please send your site and if your site is password protected, please send me the password. I will check it for you

7

I know it’s been a long time since you asked this question, but just in case add this code at the bottom of the base.css. However, instead of using my file address, use the asset file you created:

.header-wrapper{
background-image: url(https://cdn.shopify.com/s/files/1/0628/0760/5479/t/1/assets/UseYourOwnImageButBeSureYouHaveTheEntireCode.png?v=1647450271);
background-repeat: no-repeat;
background-size: cover;
}