How can I remove the white banner box from the Spotlight theme?

Solved

How can I remove the white banner box from the Spotlight theme?

HallowedFaith
Visitor
2 0 0

Hello! I encountered this problem while editing my website. How do I remove the white box behind the button on my image banner? I would like this to be transparent, just leaving the button I have in the middle. Thank You!

image.png

Accepted Solution (1)

Dan-From-Ryviu
Shopify Partner
10793 2133 2251

This is an accepted solution.

Hi @HallowedFaith 

You can do that by unchecking option "Show container on desktop" in settings of that section Screenshot 2024-03-25 at 13.41.19.png

- Solved it? Hit Like and Accept solution! ❤️Buy Me Coffee❤️
- 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: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

View solution in original post

Replies 3 (3)

Moeed
Shopify Partner
6613 1788 2173

Hey @HallowedFaith 

 

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


theycallmemakka
Shopify Partner
1771 432 455

Hi @HallowedFaith ,


Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code just above tag </body>

<style>
.banner .banner__box.content-container{
    background: transparent;
}
</style>

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

 

Best Regards,
Makka

 

 

Support Me: Buy me a Coffee


For quick response - Message Me


Ping me at: theycallmemakka@gmail.com

Dan-From-Ryviu
Shopify Partner
10793 2133 2251

This is an accepted solution.

Hi @HallowedFaith 

You can do that by unchecking option "Show container on desktop" in settings of that section Screenshot 2024-03-25 at 13.41.19.png

- Solved it? Hit Like and Accept solution! ❤️Buy Me Coffee❤️
- 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: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.