Home › Forums › Basel support forum › How to color invert custom button on hover

How to color invert custom button on hover

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • September 8, 2019 at 3:33 pm #142644

    kyledparsons30
    Participant

    Hi there,

    I’m trying to apply some custom CSS to a custom button however it’s not working.

    I gave it a custom extra class name and I’m trying to make the background color be #FFFFFF and the text color be #002750 when hovering over it.

    Please see attached screenshots. How can I make this work?

    Thanks,

    Attachments:
    You must be logged in to view attached files.
    September 9, 2019 at 6:22 am #142703

    Elise Noromit
    Member

    Hello,

    Please provide the site admin access to the private area.

    Best Regards

    September 9, 2019 at 10:46 am #142741

    kyledparsons30
    Participant

    Hi Elise,

    Please see below:

    September 9, 2019 at 11:49 am #142758

    Elise Noromit
    Member

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Global:

    body div.landing-button a:hover{
background-color:white!important;
border:2px solid #002750!important;
	color:#002750!important;
	background-image:none;
}
body div.landing-button a{
border:2px solid #002750!important;
}

    Best Regards

    September 9, 2019 at 7:07 pm #142819

    kyledparsons30
    Participant

    That worked, thanks!

    September 9, 2019 at 8:00 pm #142826

    Elise Noromit
    Member

    You are welcome! If you have any questions please feel free to contact us.

    Best Regards

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘How to color invert custom button on hover’ is closed to new replies.