Shopify themes, liquid, logos, and UX
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
https://dorianelectra.myshopify.com/?_ab=0&_fd=0&_sc=1
Hi @patdagle
I just like to take a look, but its password protected.
I added a photo, can you use that? I can't currently take my site off pw protection.
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.
No I am trying to remove the background from the product images.
If you solved the problem, can you tell me?
Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025