Jumbotron Section buttons on home page

Illdy
1

Hi,

Another question.
Is it possible to have the both buttons in the Jumbotron Section on the home page transparent. Attached is a screen shot. ( we like that you can see the picture through the first button )

Regards,

Colette

2

Hello,

I hope you are doing well today.

You can use the following CSS code to have both buttons appear the same by going to Appearance > Customize > Additional CSS and pasting it there.


/*Transparent button*/
#header .bottom-header .header-button-two {
    height: 65px;
    background: transparent;
    border: 3px solid white;
}

Best Regards,
Support

3

Hi,

I tried that code but the buttons remained the same.

Colette

4

Hello,

Could you please provide a link to your website so that I can inspect it?

Best Regards,
Support

5

Here is the link.

Thank you.

6

Hey there

Try this code:

#header.header-front-page .bottom-header .header-button-two:hover {
background: transparent !important;
color: white;
}

#header.header-front-page .bottom-header .header-button-two {
background-color: transparent;
border: 3px solid #c7a519;
}

7

That worked,

Thanks a million for your help.

Colette

8

Hello,

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