How to change only Image banner button transparent?

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!

Hi @CNDY_123

Please provide me the password of your store

Best,

Daisy

Hi @DaisyVo

url : cottoncandybabyshop.com

pass : [email removed]

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

1 Like

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!

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