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

    Hey Guys,

    I’ve got these two separate pieces of css for my large avia button – seen here – http://www.jonnyfreesh.com (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?

    Thanks

    Jonny

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

    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; }

    Cheers!
    Yigit

    #239317

    thanks

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