Title: <abbr title="Not Safe For Work / Mature content">[NSFW]</abbr> Submit button wrong colour
Last modified: September 13, 2022

---

# [NSFW] Submit button wrong colour

 *  [copperfrogdistilling](https://wordpress.org/support/users/copperfrogdistilling/)
 * (@copperfrogdistilling)
 * [3 years, 7 months ago](https://wordpress.org/support/topic/submit-button-wrong-colour/)
 * Hi Phil
 * I am on V3.0.1 and the submit button is showing as pink and not the copper colour
   as on my site.
    Where do i change this ?
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fsubmit-button-wrong-colour%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 5 replies - 1 through 5 (of 5 total)

 *  Thread Starter [copperfrogdistilling](https://wordpress.org/support/users/copperfrogdistilling/)
 * (@copperfrogdistilling)
 * [3 years, 7 months ago](https://wordpress.org/support/topic/submit-button-wrong-colour/#post-16006837)
 * I have this in my custom CSS for the site
 *     ```
       /**gift card end css **/
       .age-gate input[type="text"] {
           border-color: #b87333 !important;
           width: auto;
           max-width: 100 px;
       }
       .age-gate input[type="submit"] {
           background-color: #b87333 !important;
           color: #fff;
           border:0px;
       }
       .age-gate-form{
           color: #b87333;
           display: block !important;
           margin-bottom: 10px !important;
           font-family: lato !important;
           font-size: 14px !important;
           text-align: center !important;
   
       }
       .age-gate-form label{
           color: #b87333;
           display: block;
           margin-bottom: 10px;
       }
       ```
   
 *  Plugin Author [Phil](https://wordpress.org/support/users/philsbury/)
 * (@philsbury)
 * [3 years, 7 months ago](https://wordpress.org/support/topic/submit-button-wrong-colour/#post-16006847)
 * Hi [@copperfrogdistilling](https://wordpress.org/support/users/copperfrogdistilling/),
 * I think the only thing you need to change there is:
 * `.age-gate input[type="submit"]`
 * to
 * `.age-gate button` or `.age-gate button[type="submit"]` if the first one doesn’t
   do it
 * Everything else should work as it is, though you do have a space between 100 
   and px on line 5.
 * Cheers
    Phil
    -  This reply was modified 3 years, 7 months ago by [Phil](https://wordpress.org/support/users/philsbury/).
      Reason: typo
 *  Thread Starter [copperfrogdistilling](https://wordpress.org/support/users/copperfrogdistilling/)
 * (@copperfrogdistilling)
 * [3 years, 7 months ago](https://wordpress.org/support/topic/submit-button-wrong-colour/#post-16006859)
 * Hi Phil
 * .age-gate button worked a treat,
 * Will this be eventually part of the age gate appearance menu ?
 * also how do I change the 3 black dots to #B87333 on submit ?
 * thanks again
 * Sy
 *  Thread Starter [copperfrogdistilling](https://wordpress.org/support/users/copperfrogdistilling/)
 * (@copperfrogdistilling)
 * [3 years, 7 months ago](https://wordpress.org/support/topic/submit-button-wrong-colour/#post-16006881)
 * Last question Phil
 * when I click on the day, month or year input area it shows a black outline how
   do i change that to #663202 ?
 * Thanks
    Simon
 *  Plugin Author [Phil](https://wordpress.org/support/users/philsbury/)
 * (@philsbury)
 * [3 years, 7 months ago](https://wordpress.org/support/topic/submit-button-wrong-colour/#post-16007057)
 * Hi Simon,
 * The plan long term is to get everything editable, padding, margin, hover the 
   works – just need a bit of a brain storm to make it happen.
 * For the styles:
 * To do the loader, there’s a couple of options:
 * in 3.0.2+
 *     ```
       :root {
           --ag-loader-color: #B87333;
       }
       ```
   
 * or this will work in any 3.x:
 *     ```
       .age-gate-loader {
           color: #B87333;
       }
       ```
   
 * For the outline, I think it’s getting default browser outline, so:
 *     ```
       .age-gate input[type=text]:focus {
           outline: none;
           box-shadow: 0 0 4px #b87333; /* Up to you this line, just adds a bit of shadow so there's still some focus state. */
       }
       ```
   
 * Hope that all works, shout if not
 * Thanks
    Phil

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘[NSFW] Submit button wrong colour’ 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/)

 * 5 replies
 * 2 participants
 * Last reply from: [Phil](https://wordpress.org/support/users/philsbury/)
 * Last activity: [3 years, 7 months ago](https://wordpress.org/support/topic/submit-button-wrong-colour/#post-16007057)
 * Status: not resolved