How can I remove the white text box behind my button?

Store Design
1

Hi there,
I have an Image with text banner but would like to remove the white box behind my shop now button.

Does anyone know how to do this?

My URL: www.thefreedomofpeach.com.au (the image banner is at the top of the homepage)

2

@FOP

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > section-image-banner.css and paste this at the bottom of the file:
.banner__box.content-container.color-background-1.gradient {
    background: transparent;
}
1 Like
3

Hi @FOP

I hope you are doing good and welcome to the Shopify Community!
I am San from MS Web Designer.

Please add this css in your bottom of the css file:
.banner__box {background: transparent !important;}

Regards,

San

4

@FOP

If helpful then please Like and Accept Solution .

5

Hallo @FOP

You can add code by following these steps to change

  1. Go to Online Store → Theme → Edit code > assets > base.css

paste below code at bottom(base.css)


**.banner__box.content-container.color-background-1.gradient {**
**background: transparent;**
**border: 1px solid pink;**
**}**

If you require any further information, feel free to contact me.

Best regards,

6

Do you know how to make the button transparent also? I don’t want all of my buttons across the site to be transparent just this one.

7

great job, thank you! just ran into the same problem