-
Posts
-
Hello, how can I change the color of the button in the promo box and the text inside of the button with .css? Thanks!
Hi,
You can change it on the Promo Box options, look for Button Color. You can also Aadd this on your custom.css or Quick CSS.
.av_promobox .avia-button {
background-color: red;
border-color: pink;
color: white;
}Change the property values.
Regards,
Ismael
Hi Ismael,
Thanks for your answer.
Just the “white” statement somehow doesn’t worked for the text. I have added
.avia_iconbox_title { color: #FFFFFF !important; }
Regards,
Martin
Hello again. :)
Another thing appeared now: The mouseover effect of the button changes the color back to blue. How can I change that?
Thanks,
Martin
Hi,
You don’t have to use all of these css blocks but pick the ones you want. They will override the color you set for the promo box button
/*-- Color of the Button Text - normal --*/
.avia-button .avia_iconbox_title {
color: blue;
text-shadow: 0 1px 0 #000;
}
/*-- Background color button - normal --*/
.av_promobox .avia-button {
background-color: red;
}
/*-- Background color button - mouse over --*/
.av_promobox .avia-button:hover {
background-color: blue;
}Thanks,
Nick
- The topic ‘"Promo Box" button color and font color’ is closed to new replies.