Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • February 16, 2018 at 11:47 pm #913442
    KimberlyM

    Not sure why, but my Fullwidth button is now showing a small slightly off centered black box when you hover over the button. Can you advise how to get rid of that box?

    February 16, 2018 at 11:57 pm #913444
    Jordan Shannon

    Hey Kimberly,

    Try adding the following to quick css:

    
.avia_button_background.avia-button.avia-button-fullwidth.avia-color-theme-color-subtle{
display:none!important;
}

    Best regards,
    Jordan Shannon

    February 17, 2018 at 12:01 am #913449
    KimberlyM

    That did fix it, but now we don’t have the hover feature. We just wanted to get rid of that small box.

    February 17, 2018 at 12:08 am #913450
    Jordan Shannon

    Hi,

    Is the hover feature the bottom “notch” in the button?

    Best regards,
    Jordan Shannon

    February 17, 2018 at 12:11 am #913451
    KimberlyM

    Yes, that is what was originally occurring was that small notch at the bottom. That was what we were endeavoring to get rid of, not the actual hover with the color change just that small notch in the button.

    February 17, 2018 at 10:12 am #913599
    Victoria

    Hi KimberlyM,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
#top .avia-button-fullwidth:hover .av-button-description p font {
     color: #ccc; 
}

    If you need further assistance please let us know.
    Best regards,
    Victoria

    February 20, 2018 at 3:25 am #914637
    KimberlyM

    Thank you, when I added that onto the previous code supplied it worked.

    February 20, 2018 at 6:04 am #914700
    Rikard

    Hi,

    Great, glad you got it working. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.