How can I remove back ground of banner in Drawn

Store Design
, ,

Topic summary

A user wants to remove or reduce the opacity of their banner background while keeping the banner slides visible in their Shopify store.

Initial Problem:

  • The banner has a background that the user wants to make transparent or less opaque
  • Store is not yet published, preventing direct inspection

Solution Provided:
A community member offered a CSS-based fix:

  1. Navigate to: Shopify → Online Store → Theme → Customize
  2. Go to Settings → Custom CSS
  3. Add the following code:
.slideshow__text.banner__box {
    background-color: transparent !important;
}

Outcome:

  • The solution was tested and demonstrated with a screenshot showing the transparent background result
  • The original poster confirmed the solution worked by thanking the contributor
  • Status: Resolved
Summarized with AI on November 1. AI used: claude-sonnet-4-5-20250929.
1

zimzimzimar_0-1738990549079.png
zimzimzimar_0-1738990549079.png674×427 73.6 KB

I want to remove the background of banner or less opacity but I want to keep Banner in slides. Can someone help me please?

1 Like
2

Hello @zimzimzimar

Thank you for submitting your query to the Shopify community. I’d be happy to assist you. Could you please provide the store URL and password (if it’s password-protected) so I can review and get back to you with an update?

3

Hi @zimzimzimar
Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.

4

Hello I havent published my store yet

5

Hi @zimzimzimar

  1. Go to Shopify > Online store > theme > customize

  2. Click to Settings > Custom CSS > Paste this code to the section and save.https://prnt.sc/Rl66N9K_Bjvs

.slideshow__text.banner__box {
    background-color: transparent !important;
}

Result on the test theme:

LizHoang_0-1739006637691.png
LizHoang_0-1739006637691.png1226×592 46.1 KB

Thank you.

Liz

6

Thank you