I added a background image and now the product background is displaying as that image too

patdagle
New Member
4 0 0

how do I make the backgrounds all transparent? 

 

I already saw this answer (below) but dawn theme does not have  assets/timber.scss.css file.

 

"Please add below css code in bottom of assets/timber.scss.css file

.product-single__media-flex img.mfp-image {
            background-color: transparent;
}
Thank you."

 

 

https://dorianelectra.myshopify.com/?_ab=0&_fd=0&_sc=1

 

Screenshot 2024-03-04 at 4.33.00 PM.png

 

Replies 5 (5)

Made4uo-Ribe
Shopify Partner
5938 1429 1759

Hi @patdagle 

I just like to take a look, but its password protected. 

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
For FREE, premium codes, and trusted, knowledgeable Shopify developers, visit us at

Made4uo.com


patdagle
New Member
4 0 0

I added a photo, can you use that? I can't currently take my site off pw protection. 

patdagle
New Member
4 0 0

@Made4uo-Ribe password is golobo1

Anshul_arora
Navigator
364 103 71

Hello @patdagle ,

I understand you are looking to change the background as transparent in your shopify store.

For this you have to make changes in your existing code.

=> First Go To Edit Code section and open base.css file

Now Find base.css file and find .gradient

Next, remove the background-image property https://prnt.sc/2cJ6HyXdUgot

It will remove the background image from the complete page.

=> If you want to add image in header section as by following above steps, image will be removed from the header section https://prnt.sc/_Qcsh_jVTgGM  , so you have to add below mentioned code in base.css file

section#shopify-section-sections--17230906425575__custom_liquid_tJ4WjY {
background-image: url(/cdn/shop/files/bg_ff_2.webp)!important;
}

=> https://prnt.sc/V6UO2wssj2cU

I hope the solution helps you.

Please let me know if you have any query.

Thank you.

Please remember to like and accept the solution to help other store owners.

For Shopify Design & Development | Custom Coding -Visit Here
patdagle
New Member
4 0 0

No I am trying to remove the background from the product images.