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

[stegoodw]

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 

[Ahsan_ANC · Accepted solution]

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.

[stegoodw]

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 

[Ahsan_ANC]

---

@stegoodw wrote:

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

---

????

[stegoodw]

a custom background for each collection

[Ahsan_ANC]

---

@stegoodw wrote:

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