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

Solved

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

FOP
Explorer
114 0 17

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)

 

 

Accepted Solution (1)

infoatcodelab7
Shopify Partner
593 141 156

This is an accepted solution.

@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;
}

 

Want to modify or develop new website, Hire us.
If helpful then please Like and Accept Solution .
Email: info@codelab7.com

View solution in original post

Replies 6 (6)

infoatcodelab7
Shopify Partner
593 141 156

This is an accepted solution.

@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;
}

 

Want to modify or develop new website, Hire us.
If helpful then please Like and Accept Solution .
Email: info@codelab7.com
harivishwakarma
Shopify Partner
322 46 55

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,

banned
FOP
Explorer
114 0 17

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.

Divin3
Tourist
9 0 1

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

INA_MSWEB
Shopify Partner
1281 144 167

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

If it’s helpful to you, please mark it as a solution.  


Need Help with Shopify Design, Migration, Speed, or Custom tasks?  
email: hi@mswebdesigner.com
Try Our Conversion Booster app to get more sales | Connect Our Founder Linkedin

infoatcodelab7
Shopify Partner
593 141 156

@FOP 

If helpful then please Like and Accept Solution .

Want to modify or develop new website, Hire us.
If helpful then please Like and Accept Solution .
Email: info@codelab7.com