Front page Jumbotron section - button colour change

Illdy
1

Hi,

This query relates to page: www.soulfuldays.com

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.

2

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,
Support

3

This worked magic. Thank you for your help!

4

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,
Support