What's your biggest current challenge? Have your say in Community Polls along the right column.

How to change only Image banner button transparent?

How to change only Image banner button transparent?

CNDY_123
Excursionist
50 0 5

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!

 

Screenshot 2024-11-06 204945.pngScreenshot 2024-11-06 205138.png

 

 

 

 

 

 

Replies 5 (5)

DaisyVo
Shopify Partner
992 126 141

Hi @CNDY_123 

 

Please provide me the password of your store

 

Best,

 

Daisy

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution
CNDY_123
Excursionist
50 0 5

Hi @DaisyVo 

url : cottoncandybabyshop.com

pass : Test@STORE123

DaisyVo
Shopify Partner
992 126 141

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
Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution
CNDY_123
Excursionist
50 0 5

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!

Screenshot 2024-11-07 140341.png

 

DaisyVo
Shopify Partner
992 126 141

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

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution