Shopify themes, liquid, logos, and UX
Hi, how can I remove the featured product frame background? It seems attached to the color scheme.
I want to remove that frame line and have the whole section with one seamless gradient background.
Store: www.alpluscosmetics.bg
pass: 1904
Solved! Go to the solution
This is an accepted solution.
Hi, thank you for your answer. This didn't quite worked, but I found the solution:
.featured-product { background: none; }
Thank you!
Hi @alplus
You can add this code to Custom CSS of Featured product section to solve the issue
.featured-product { background-attachment: fixed; }
- Found this helpful? Hit "Like" and "Accept as Solution"!
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
Built for Shopify
Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.
This is an accepted solution.
Hi, thank you for your answer. This didn't quite worked, but I found the solution:
.featured-product { background: none; }
Thank you!
Very welcome!
- Found this helpful? Hit "Like" and "Accept as Solution"!
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
Built for Shopify
Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.
HEllo @alplus
Go to online store ---------> themes --------------> actions ------> edit code------->base.css
at the end of the file and save.
.color-scheme-fd50ab2b-257b-4dc1-a090-e36bd90bc7e5.gradient {
background: none !important;
}
result
If this was helpful, hit the like button and accept the solution.
Thanks
Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025Unlock the potential of marketing on your business growth with Shopify Academy's late...
By Shopify Mar 12, 2025Learn how to increase conversion rates in every stage of the customer journey by enroll...
By Shopify Mar 5, 2025