Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • January 21, 2023 at 1:43 am #1394610
    enfold

    Hi there!
    I need to change my website “BOOK NOW” buttons hover styles (border radius, color, etc) through CSS but unfortunately I can’t get it.
    Link via private.

    Could you help me please?

    Regards
    Santiago

    January 21, 2023 at 10:40 am #1394625
    Rikard

    Hi Santiago,

    Please assign a custom class to the buttons that you want to target in the element options first of all, then let us know exactly what you would like to change.

    Best regards,
    Rikard

    January 21, 2023 at 5:26 pm #1394640
    enfold

    Hi Rikard, I’ve done but didn’t work.

    This is the class:
    .small-button

    And yhis is the css rule:
    .small-button avia-button:hover {
    color: #8bba34
    border: 2px solid red;
    border-radius: 5px;
    }

    Link via private.

    Regards
    Santiago

    January 21, 2023 at 7:06 pm #1394647
    Rikard

    Hi,

    Try this instead:

    .small-button a:hover {
color: #8bba34
border: 2px solid red;
border-radius: 5px;
}

    Best regards,
    Rikard

    January 22, 2023 at 3:49 pm #1394703
    enfold

    Thanks Rikard, I could do it.
    But there’s still a grey rectangle arround the buttom. How can I eliminate?

    Regards
    Santiago

    January 22, 2023 at 7:14 pm #1394709
    Mike

    Hi,
    Please try adding this css to your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    #top #main .small-button a:hover .avia-button.avia-color-light {
	border: none;
	opacity: 0;
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    January 22, 2023 at 7:16 pm #1394710
    enfold

    Thanks Mike, it works!

    Regards
    Santiago

    January 22, 2023 at 10:19 pm #1394716
    Mike

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Button hover styles’ is closed to new replies.