Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • June 18, 2015 at 12:51 pm #461235
    Tahelprjcts

    Mouse hover button on the slider- becomes transparent
    How can I disable this option and change it to be a different color and not transparent?

    Screenshot: http://prntscr.com/7id5n3
    Website url: https://www.ibamarkets.com/

    Thanks!!!!

    June 18, 2015 at 3:20 pm #461406
    Elliott

    Hi Lev!

    Add this to your custom CSS.

    .avia-slideshow-button:hover {
  opacity: 1 !important;
  background: red !important;
}

    Cheers!
    Elliott

    • This reply was modified 8 years, 10 months ago by Elliott.
    June 21, 2015 at 8:37 am #462289
    Tahelprjcts

    Thanks Elliott..
    Its work!!!
    You know maybe why I can not change the text color button?

    I put this code:
    .avia-slideshow-button:hover {
    opacity: 1 !important;
    background: #ffffff !important;
    color: #62bc46 !important;
    }

    Thanks..

    June 22, 2015 at 11:40 am #462589
    Rikard

    Hey!

    The code you are using will only affect the hover state, I’m not sure what state you are trying to edit?

    You can try the following instead:

    #top .avia-button.avia-color-light {
background: #ffffff !important;
color: #62bc46 !important;
}

    Regards,
    Rikard

    June 22, 2015 at 12:37 pm #462671
    Tahelprjcts

    perfect!!!!

    I just add :hover
    and I get exactly the result I wanted!
    Thank you

    #top .avia-button.avia-color-light:hover {
    background: #ffffff !important;
    color: #62bc46 !important;
    }

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Transparent hover botton’ is closed to new replies.