Front page Jumbotron section - button colour change


This query relates to page:

The Jumbotron button on the left is transparent. I would like to be able to make the right button the same.

As per your advice to another user, I have tried adding this code to additional CSS, but it doesnt work for me:
#header .bottom-header .header-button-two
background-color: rgba (255, 255, 255, 0.5);
border: 3px solid #fff;

Can you please assist me with this issue?

Thank you.

Hello there,

I hope you are doing well today.

You can use the following CSS code to change the button by going to Appearance > Customize > Additional CSS and pasting it there.

/*Transparent button*/
#header.header-front-page .bottom-header .header-button-two {
    background-color: rgba(255, 255, 255, 0.2);

#header.header-front-page .bottom-header .header-button-two:hover {
    background-color: rgba(255, 255, 255, 0.1);
    text-decoration: none;

Best Regards,

This worked magic. Thank you for your help!

Hello there,

I am glad the solution worked for you.
Please feel free to contact us again in the future regarding any other issues.

Best Regards,