Title: Flat button style with hover effect
Last modified: June 19, 2018

---

# Flat button style with hover effect

 *  [corpor8chic](https://wordpress.org/support/users/corpor8chic/)
 * (@corpor8chic)
 * [7 years, 11 months ago](https://wordpress.org/support/topic/flat-button-style-with-hover-effect/)
 * Hello there,
 * I really love this plugin its simple and just fantastic..but I would like the
   ability to change the styling of the button and I’m almost there but I can’t 
   quite seem to get the hover effect to work..here is what i have
 *     ```
       input[type="submit"]  
       /* Or better yet try giving an ID or class if possible*/
       {
        border: 0;
        background: #bbaad4;
        box-shadow: none;
        color: #ffffff;
        border-radius: 0px;
        padding: 10px 20px 10px 20px;
       }
   
       input[type="submit"]:hover {
        background: #000000;
       }
       ```
   
 * Can you suggest a fix that might work? Thank you!

Viewing 1 replies (of 1 total)

 *  Plugin Author [Phil](https://wordpress.org/support/users/philsbury/)
 * (@philsbury)
 * [7 years, 11 months ago](https://wordpress.org/support/topic/flat-button-style-with-hover-effect/#post-10414906)
 * Hi [@corpor8chic](https://wordpress.org/support/users/corpor8chic/),
 * Pretty much everything has it’s own class that you can use to style it, have 
   a look at [the reference](https://agegate.io/docs/styling/css-reference) page
   in the documentation.
 * Depending on your settings, you should use `.age-gate-submit` for input/dropdown
   or if you’re using the yes/no buttons `.age-gate-submit-yes` and `.age-gate-submit-
   no`.
 * You may need to override some of your theme’s button styles too, but it looks
   like you have some of that with the box-shadow.
 * If you have it on a link I’ll happily have a look.
 * Cheers
    Phil

Viewing 1 replies (of 1 total)

The topic ‘Flat button style with hover effect’ is closed to new replies.

 * ![](https://ps.w.org/age-gate/assets/icon-256x256.png?rev=2783003)
 * [Age Gate](https://wordpress.org/plugins/age-gate/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/age-gate/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/age-gate/)
 * [Active Topics](https://wordpress.org/support/plugin/age-gate/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/age-gate/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/age-gate/reviews/)

 * 1 reply
 * 2 participants
 * Last reply from: [Phil](https://wordpress.org/support/users/philsbury/)
 * Last activity: [7 years, 11 months ago](https://wordpress.org/support/topic/flat-button-style-with-hover-effect/#post-10414906)
 * Status: not resolved