Title: some hover styles
Last modified: January 23, 2026

---

# some hover styles

 *  Resolved [harrydevries](https://wordpress.org/support/users/harrydevries/)
 * (@harrydevries)
 * [4 months, 2 weeks ago](https://wordpress.org/support/topic/some-hover-styles/)
 * Maybe i am just being a bit dumb (if so my apologies beforehand). I would like
   to set some hover styles for the 3 buttons but no luck so far. I just use my 
   own stylesheet. Maybe i am using the wrong selectors lol :
 * .wpconsent-preferences-cookies, .wpconsent-cancel-cookies, .wpconsent-accept-
   cookies{
   transition:all .3s ease-in-out!important;}
 *     ```wp-block-code
       .wpconsent-preferences-cookies:hover, .wpconsent-cancel-cookies:hover{
           background:#bc9f60!important
       }
   
       .wpconsent-accept-cookies{
           border:1px solid #bc9f60;
       }
   
       .wpconsent-accept-cookies:hover{
           border:1px solid #fff;
           background:transparent!important;
           color:#fff!important
       }
       ```
   
 * Is it possible?

Viewing 1 replies (of 1 total)

 *  Plugin Author [Mircea Sandu](https://wordpress.org/support/users/gripgrip/)
 * (@gripgrip)
 * [4 months, 2 weeks ago](https://wordpress.org/support/topic/some-hover-styles/#post-18796502)
 * Hi [@harrydevries](https://wordpress.org/support/users/harrydevries/),
 * WPConsent uses a web standard called Shadow DOM that enables the banner to have
   its styling isolated from the rest of the page. This provides a consistent experience
   across all themes/websites.
 * CSS changes are still possible using part attributes and CSS variables. You can
   find more details on how to style elements using part attributes in this article:
   [https://wpconsent.com/docs/how-to-customize-the-wpconsent-banner-with-css/](https://wpconsent.com/docs/how-to-customize-the-wpconsent-banner-with-css/)
 * For example to target the accept button hover styles you can use this selector:
 * `#wpconsent-container::part(wpconsent-button-accept):hover{}`

Viewing 1 replies (of 1 total)

You must be [logged in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fsome-hover-styles%2F%3Foutput_format%3Dmd&locale=en_US)
to reply to this topic.

 * ![](https://ps.w.org/wpconsent-cookies-banner-privacy-suite/assets/icon-256x256.
   png?rev=3232030)
 * [WPConsent - Cookie Consent Banner for Privacy Compliance (GDPR / CCPA)](https://wordpress.org/plugins/wpconsent-cookies-banner-privacy-suite/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/wpconsent-cookies-banner-privacy-suite/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/wpconsent-cookies-banner-privacy-suite/)
 * [Active Topics](https://wordpress.org/support/plugin/wpconsent-cookies-banner-privacy-suite/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/wpconsent-cookies-banner-privacy-suite/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/wpconsent-cookies-banner-privacy-suite/reviews/)

 * 1 reply
 * 2 participants
 * Last reply from: [Mircea Sandu](https://wordpress.org/support/users/gripgrip/)
 * Last activity: [4 months, 2 weeks ago](https://wordpress.org/support/topic/some-hover-styles/#post-18796502)
 * Status: resolved