How to I make the first Jumbotron button opaque?

I have tried adding code to the Additional CSS section found from other conversations on this forum. My goal is I want the first button to appear an opaque green with white text, and when hovered over appear opaque white with green text. I wanted the second button to be the same thing but purple instead of green. Currently, the second (purple) button works as desired, but the green one refuses to lose its transparency and refuses to become white when hovered over.

Here’s what I have in the CSS currently:

#header .bottom-header .header-button-one{
background: #38733a;
border: none;
}
#header .bottom-header .header-button-one:hover{
color: #38733a;
}
#header .bottom-header .header-button-two {
background: #6a4d8a;
}
#header .bottom-header .header-button-two:hover{
color: #6a4d8a;
}

Thank you

Hi there

Hope you are having a good day and thank you for your question :slight_smile:
In order to check your question i need to see your live website, please provide url and i will take a look

Sorry, I was able to figure out the solution. Thank you anyway though!

Hi, there

Nice, to hear your problem is fixed:) Now I will now close the topic and mark it as resolved. Feel free to contact us again Thanks!