Hello,

I am using the styling options available for text to add a border to a button, text link. For hover states, I'd like to be able to specify in the css option available in settings.

I have added some css:

.book:hover,
.book:focus {
color: #ffffff !important;
text-decoration: none !important;
background: rgba(255,255,255,0.3) !important;
}


Then applied that to my button like this:
<div class="book"><a href="#book-now"><strong>BOOK ONLINE</strong></a></div>

but the color and underlining of the text hasnt changed.

Is there a better way of applying styles to existing please?

Many thanks
Dov

Hi Dov!

Thank you for posting about this problem!
Could you please give the link to your website, where we could see the slider? Please mention which button you are implementing these styles to. We will check the CSS and provide you a solution.

Thanks in advance!

Hi Agapi

thanks alot for your response!

The banner is on a test page at the moment www.citydoc.org.uk/a-test-form/

The Book Online button is the one I am working on, I'm trying to get the background on hover to fill the box and the text to stay white without underline. I have a feeling that I need to target your style names instead of using my own?

Many thanks for your help it is really appreciated.
Kind regards
Dov

Thank you for the link, Dov!

Could you please try adding the following CSS code to custom CSS option of your slider?

.book a:hover,
.book a:focus {
    color: #ffffff !important;
    text-decoration: none !important;
    background: rgba(255,255,255,0.3) !important;
}