Okay
  Public Ticket #915268
Mobile // Button Color Hover
Closed

Comments

  •  2
    William started the conversation
    October 8, 2016 at 3:50am

    Hey
    I was wondering how to change the hover color on the mobile version which is actually on "cyan" now.
    Can't seem to find.
    Thanks

  •  8,996
    Tahir replied
    October 10, 2016 at 3:58pm

    Hey William,

    Sorry for the Weekend Delay.

    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :

    body .nectar-button.see-through-2:hover, body .col.dark .nectar-button.see-through-2:hover, body .nectar-button.see-through-3:hover, body .col.dark .nectar-button.see-through-3:hover {
    border-color: #27CFC3 !important;
    background-color: #27CFC3 !important;
}

    Thanks

    ThemeNectar Support Team 

  •  2
    William replied
    October 16, 2016 at 11:55pm

    Hello Tahir
    Nice to hear from you.

    Unfortunately the code works but modifies the desktop view also...
    Am i pasting the code wrong? in the general settings right ? not in the specific page's options.
    Cheers
    W

  •  8,996
    Tahir replied
    October 17, 2016 at 4:32pm

    Hey Again,

    Use this revised css and remove the earlier one so it works below 690px screen width only that is Mobile.

    @media only screen and (max-width:690px){
    body .nectar-button.see-through-2:hover, body .col.dark .nectar-button.see-through-2:hover, body .nectar-button.see-through-3:hover, body .col.dark .nectar-button.see-through-3:hover {
        border-color: #27CFC3 !important;
        background-color: #27CFC3 !important;
    }
}

    Thanks

    ThemeNectar Support Team