How to change button color for a single widget


#1

For the Sydnet FP: Testimonials block, I wish to have a botton color which is different then the button color elsewhere on the site. How can I achieve that?


#2

Hi,

Try with custom css code below, and adjust color values to your liking:

.widget_sydney_testimonials a.roll-button.more-button {
    color: #fff;
    background-color: #ff0ff0;
    border: 1px solid #ff0000;
}

.widget_sydney_testimonials a.roll-button.more-button:hover {
    color: #000;
    background-color: aliceblue;
    border: 1px solid #ff0000;

}

Best Regards


#3

thanks, problem solved!


#4

Forgot to mention that I had to use !important for the font color. Like:

.widget_sydney_testimonials a.roll-button.more-button:hover {
color: #000 !important;
background-color: aliceblue;
border: 1px solid #ff0000;

}


#5

Hi,

You’re welcome. Yes, that is why it is important to provide us with your page link. In that way we can generate more precise code.

Best Regards