Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • March 16, 2014 at 11:25 am #238258
    deyowulf

    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 10 years, 8 months ago by deyowulf.
    March 17, 2014 at 4:13 pm #238777
    Yigit

    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

    March 18, 2014 at 1:18 pm #239317
    deyowulf

    thanks

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