Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • June 21, 2013 at 4:38 pm #25174
    Martin

    Hello, how can I change the color of the button in the promo box and the text inside of the button with .css? Thanks!

    June 23, 2013 at 5:27 pm #126032
    Ismael

    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

    June 24, 2013 at 9:27 am #126033
    Martin

    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

    June 24, 2013 at 10:17 am #126034
    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

    June 25, 2013 at 6:13 am #126035
    Nick

    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

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘"Promo Box" button color and font color’ is closed to new replies.