Shopify themes, liquid, logos, and UX
We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more
I'm trying to change the default solid color background for the header to an image background.
I've seen similar posts but for different themes and I can't figure out how to add it to the Refresh theme.
TIA
Solved! Go to the solution
This is an accepted solution.
You need to upload your background image to the shopify backend, then copy the image link to replace the [your image url] section of the code I gave you.
You can put it at the bottom of base.css
find base.css
.gradient{
background:url("your image url") repeat center;
}
Where in base.css do you put that?
I've tried putting it in different spots and can't figure out how to get it to work.
This is an accepted solution.
You need to upload your background image to the shopify backend, then copy the image link to replace the [your image url] section of the code I gave you.
You can put it at the bottom of base.css
I had to change the .gradient to .header, then it worked.
Otherwise the image I wanted spread across the entire page- even through my slideshow images.
Thank you
hi, this worked for me but theres an issue. When im clicking on menu or hovering mouse on header, it changes its color