How can I change the Dawn 3.0 background image for featured products only?

Store Design
1

I have tried to follow and search to change the back ground, some things make my back ground white and some just mess up the whole site.

my site is https://wizardofflow.com/
and i want to use https://cdn.shopify.com/s/files/1/0991/5864/t/14/assets/shirtlessfirestaff.jpg?v=1659207766
for back ground image on main page only for featured products

2

Hi, @stegoodw

You can try this code

  1. Go to Online Store-> Theme->Edit code
  2. Asset-> base.css ->paste the below code at the bottom of the file.
#shopify-section-template--14352658006105__featured_collection > div{
    background: url(https://cdn.shopify.com/s/files/1/0991/5864/t/14/assets/shirtlessfirestaff.jpg);
    background-position: center center;
    background-attachment: fixed;
}

you can remove the last line ( background-attachment: fixed; ) to move it with section.

1 Like
3

This worked! i do not know what i was doing wrong, can you tell me how you got #shopify-section-template–14352658006105__featured_collection

and is it possible to add custom images to a specific page for each drop down menu item

4

???

1 Like
5

Screenshot 2022-07-31 232214.png
Screenshot 2022-07-31 232214.png1770×811 315 KB

Screenshot 2022-07-31 232349.png
Screenshot 2022-07-31 232349.png1827×820 356 KB

1 Like
6

a custom background for each collection