Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #238258

    Hey Guys,

    I’ve got these two separate pieces of css for my large avia button – seen here – (make my recipes, listen to my music) :

    .avia-button.avia-size-large {
    padding: 15px 30px 13px;
    background-color: #4fb848!important;
    font-family: Julius Sans One;
    font-size: 30px;

    .avia-button.avia-size-large:hover {
    color: #0eb722!important;

    The hover color only affects the text though. How can I make the hover for the entire button?

    Also, there is a small border at the bottom of the button that is currently a dark blue color from my theme – is there a way that I can change that color just for the button without changing that color for the whole theme?



    • This topic was modified 9 years, 11 months ago by deyowulf.

    Hey deyowulf!

    Please change your custom CSS code for hover state to following one and adjust as needed

    .avia-button.avia-size-large:hover {
    color: #0eb722!important;
    background-color: red !important; }




Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Avia Large Button Hover Color & Border’ is closed to new replies.