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

Background image for header for Refresh theme

Solved

Background image for header for Refresh theme

spoonieshop
Visitor
3 0 0

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

Accepted Solution (1)
Simonsron
Shopify Partner
699 87 123

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

banned

View solution in original post

Replies 5 (5)

Simonsron
Shopify Partner
699 87 123

find base.css

.gradient{
background:url("your image url") repeat center;
}
banned
spoonieshop
Visitor
3 0 0

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. 

Simonsron
Shopify Partner
699 87 123

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

banned
spoonieshop
Visitor
3 0 0

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

Blackoutlifting
Visitor
1 0 0

hi, this worked for me but theres an issue. When im clicking on menu or hovering mouse on header, it changes its color