Tagged: , , , ,

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • November 21, 2014 at 6:02 pm #355364
    frankkremer

    When I hover over a fullwidth button the button color changes to almost white.
    I have found a quick CSS code to change the font color of the font, but not the button color itself on hover. How can I change that?

    November 21, 2014 at 7:55 pm #355492
    Josue

    Hi Frank!

    You don’t need CSS to change that – http://screencast.com/t/zwU4CZmWBJ

    Best regards,
    Josue

    April 24, 2015 at 5:41 am #433871
    sky19er

    I think I’m having the same issue — my full-width buttons change to white on rollover / hover — http://879.890.myftpupload.com/programs/women-supporting-women/ — and that screencast is a broken link.

    Please advise. Thanks!

    April 24, 2015 at 9:24 pm #434452
    Yigit

    Hey!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    #top .avia-button-fullwidth:hover {
  color: #333!important;
}

    Best regards,
    Yigit

    April 25, 2015 at 1:35 am #434530
    sky19er

    Thanks, but that just changes the font color. I’d like to to act just like the other buttons, where the font color stays the same and the background lightens just a little. In other words, how can I keep the font color the same, but just have the background lighten a little (not turn to white)?

    April 25, 2015 at 5:42 am #434577
    Josue

    Hey!

    Use this code instead:

    .avia-button-fullwidth:hover {
    opacity: 0.9 !important;
}
.avia-button-fullwidth .avia_button_background {
    display: none !important;
}

    Best regards,
    Josue

    April 25, 2015 at 11:44 pm #434761
    sky19er

    Perfect! Thank you so much!

    April 26, 2015 at 9:50 pm #434925
    Josue

    You are welcome, always glad to help :)

    Regards,
    Josue

    May 8, 2015 at 10:44 pm #441803
    CelebrationEvents

    Hello,

    how van i change the color of all fullwidth buttons in the quick CSS ?

    thnxs in advance.

    May 8, 2015 at 11:46 pm #441813
    Josue

    Hey!

    Try adding this code to the Quick CSS:

    #top .avia-button.avia-button-fullwidth {
    background-color: red !important;
}

#top .avia_button_background.avia-button-fullwidth {
    background-color: green !important;
}

    Red is idle, green is hover.

    Cheers! 
    Josue

    • This reply was modified 9 years, 7 months ago by Josue.
  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.