Support Forum Support Forum GDPR Cookie Compliance What is the hover code?

Topic Resolution: Resolved
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • Avatartomz
    April 22, 2020 @ 11:56 am

    We added the code below to change the button in the banner to the brand colors. (In the inner pages it is working fine with the settings in the plugin, but not on the homepage).
    But when hovering the button, the text stays white. What do we need to add to change the text color in hover state?

    Thanks,
    Tom

    #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton, #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder a.mgbutton, #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton, .gdpr-shr-button {
    border-radius: 0;
    }

    #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton {
    background-color: #B32046;
    }

    Moove AgencyMoove Agency
    April 22, 2020 @ 12:37 pm

    Hi Tom,

    Thanks for using our plugins.

    The hover target for button in banner is:

    #moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton:hover, 
    #moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton:hover {
       background-color: #1f6393;
    }

    The hover for the button in pop-up:

    #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder a.mgbutton:hover, 
    #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton:hover {
       background-color: #1f6393;
    }

    Hope this helps.

Viewing 2 posts - 1 through 2 (of 2 total)

The topic ‘What is the hover code?’ is closed to new replies.