PROMO BANNER "Button text"

Could you please help me with with a snippet code to make the “Shop Now” button transparent, as the example in this URL?
https://macarenacortes3.wixsite.com/caravanamaqueta1

Hello,

I have visited the URL you provided. To Make the promo banner button transparent. You need to add target the specific promo banner element by id and add the following Custom CSS to make transparent.

For example the following CSS will make the button transparent whose id will be "#wd-5ed9fa37aeba9".

#wd-5ed9fa37aeba9 .btn.btn-color-default {
background-color: transparent;
color: #3e3e3e;
}

You can adjust the id according to your needs. If you are trying to ask anything else then provide a relevant screenshot with the URL of the website to check it myself and help you out accordingly.

Best Regards.

Thanks ! I have implemented the code, but I still see the “Shop Now” opaque
https://caravana.cl/

Hello,

I have visited your website. The Code I provided you was an example from my test site. That’s why it has not worked.

Please replace the previous code with the following in the Global Custom CSS area under Theme Settings >> Custom CSS.

#wd-5eda434c162f8 .btn.btn-color-default {
background: transparent;
}

For the text color on hover use the following Custom CSS.

#wd-5eda434c162f8 .btn.btn-color-default:hover {
color: white;
}

Best Regards.

Not working so far

Hello,

Please provide admin panel login details of the website to check it myself and help you out accordingly.

Best Regards.

gofor it

Hello,

I have logged into your website and the CSS is not coming up on the site.
That’s why it’s not working. Please remove all the Custom CSS from the Global Custom CSS area.

Then Clear cache and add the CSS i provided you and check back.

Because There are mistakes in the CSS that you added before.

Screenshot for Clarification: https://ibb.co/3vccC93

Best Regards.

Hi, We cannot remove the Custome CSS we added, as they are important in terms of changes

Hello,

I asked to correct the CSS that you added in the Global Custom CSS area. As you can see there are mistakes in the CSS that you have added in the Global Custom CSS area.

Screenshot for Clarification: https://ibb.co/3vccC93

When a wrong CSS is added the below added CSS doesn’t work. Please Check by removing or correcting the CSS.

Best Regards.

Ohh YES ! That CSS was added in order to place and assign an image as header background, actually the CSS is working fine.

Could pleas elaborate more about the error?

Hello,

I have logged into your website and made the button transparent. I have added the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

.promo-banner .banner-btn-wrapper .btn {
background: transparent;
color: white;
}

You can set the color according to your needs.

Screenshot for Clarification: https://ibb.co/wJV0Xdm

Best Regards.

Thanks! But I need white transparent, like this
https://macarenacortes3.wixsite.com/caravanamaqueta1

Hello,

I have visited the URL you attached. To Make the white transparent like the URL. Replace the previous CSS with the following in the Global Custom CSS area under Theme Settings.

.promo-banner .banner-btn-wrapper .btn {
background: rgba(255, 255, 255, 0.72);
color: #494949;
}

Best Regards.

AMAZING, WORKS!

Most Welcome!!!..

Well, @gzelasco!.., it’s been great chatting with you! I hope I resolved your issues thoroughly.

Let us know if there’s anything else we can do for you! You can always reach us at any time. We are always here to help you.

Have a wonderful day.

Topic Closed.
Best Regards.

[Author]

Posts