How to change only Image banner button transparent?

[CNDY_123]

Hey there!

I have Slide show Images with ‘Shop now’ button on my homepage and i want to make it transparent white (like the below image).

I want to make changes to only Slideshow Solid buttons on my homepage and other solid buttons to remain same as per color settings.

I want the buttons to be white and transparent like the below 1st image and not like the 2nd image. Can somebody help me with this please.

Thanks a lot in advance!

[DaisyVo]

Hi @CNDY_123

Please provide me the password of your store

Best,

Daisy

[CNDY_123]

Hi @DaisyVo

url : cottoncandybabyshop.com

pass : [email removed]

[DaisyVo]

Hi @CNDY_123

To complete your requests, please follow these steps:

1. Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
2. Paste the code provided into the Custom CSS section.

.banner__buttons > a {
    background: white;
    color: black;
}

Here is the result: https://prnt.sc/YdTiuSllUoxn

I hope this helps

Best,

Daisy

[CNDY_123]

Hey @DaisyVo

Thank you for the reply and the code worked well…Can you help me to remove the black border around the button? (as seen in pic)

Thanks in advance!

[DaisyVo]

Hi @CNDY_123

This button is only visible because you’re the store owner; your customers won’t see it. You can check by accessing your store in incognito mode, and you’ll notice it won’t appear.

Best regards,

Daisy

[Diegoisawesome]

Hi, I am having similar issues, I have tried nearly every solution from every forum however I still cannot find an answer to my issue. Despite the various css codes, as well as admin code editing I continue to have a floating white bar pop up on my home page slide show button.