Navigation
Archive / Styling hover actions in Cornerstone
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • July 20, 2016 at 11:49 am #1095555
    strawberrybase
    Participant

    Hi,

    my latest ‘one page navigation’ site has buttons that i have styled in the customiser to be red (text and border) which turn black when hovered over.

    http://www.productionfutures.co.uk/

    These buttons don’t look great on some sections of the page though, so i have styled these ones in cornerstone to appear white (text and border). Unfortunately this has turned off any sort of hover action. I’d like these white buttons to turn black when hovered over like the red buttons.

    Could you advise?

    Thanks

    July 20, 2016 at 12:23 pm #1095616
    Nabeel A
    Moderator

    Hi there,

    Thanks for writing in! Please add the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:

    .x-btn-block:hover {
    background: black !important;
    color: red !important;
    border-color: black !important;
}

    Let us know how this goes!

    July 20, 2016 at 2:23 pm #1095792
    strawberrybase
    Participant

    Thanks, that’s fixed now

    July 20, 2016 at 3:03 pm #1095842
    Joao
    Moderator

    Glad to hear it.

    Joao

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1095555 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>