Solved

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

stegoodw
Tourist
4 0 0

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 

Accepted Solution (1)

Ahsan_ANC
Shopify Partner
1392 253 323

This is an 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.

Contact for any custom design? Skype : ahsananc
>Was your question answered? Mark it as an Accepted Solution!
Feel Free to Contact Me at my Email: anc2277@gmail.com


To enhance and customize Shopify search and filter, I use Boost Product Filter & Search

View solution in original post

Replies 5 (5)

Ahsan_ANC
Shopify Partner
1392 253 323

This is an 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.

Contact for any custom design? Skype : ahsananc
>Was your question answered? Mark it as an Accepted Solution!
Feel Free to Contact Me at my Email: anc2277@gmail.com


To enhance and customize Shopify search and filter, I use Boost Product Filter & Search
stegoodw
Tourist
4 0 0

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
Shopify Partner
1392 253 323

@stegoodw wrote:

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



????

Contact for any custom design? Skype : ahsananc
>Was your question answered? Mark it as an Accepted Solution!
Feel Free to Contact Me at my Email: anc2277@gmail.com


To enhance and customize Shopify search and filter, I use Boost Product Filter & Search
stegoodw
Tourist
4 0 0

a custom background for each collection

Ahsan_ANC
Shopify Partner
1392 253 323

 

 


@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

Screenshot 2022-07-31 232214.png

 

 

Screenshot 2022-07-31 232349.png

 

Contact for any custom design? Skype : ahsananc
>Was your question answered? Mark it as an Accepted Solution!
Feel Free to Contact Me at my Email: anc2277@gmail.com


To enhance and customize Shopify search and filter, I use Boost Product Filter & Search