Title: Weird padding between elements
Last modified: September 25, 2020

---

# Weird padding between elements

 *  Resolved [johnny5alive](https://wordpress.org/support/users/johnny5alive/)
 * (@johnny5alive)
 * [5 years, 8 months ago](https://wordpress.org/support/topic/weird-padding-between-elements/)
 * The website is still in staging so requires a login to see the age gate, but 
   here’s a screen: [https://imgur.com/UIctZav](https://imgur.com/UIctZav) the number
   2 runs into the month dropdown, similarly with 3 and date. Submit button buts
   up directly under province with no padding. I don’t have any custom CSS happening,
   anyone know what the issue is?

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

 *  Plugin Author [Phil](https://wordpress.org/support/users/philsbury/)
 * (@philsbury)
 * [5 years, 8 months ago](https://wordpress.org/support/topic/weird-padding-between-elements/#post-13455547)
 * Hi [@johnny5alive](https://wordpress.org/support/users/johnny5alive/),
 * Really hard to tell exactly without being able to inspect it, but the age gate
   CSS will always inherit from your theme.
 * Give these styles a try, or feel free to drop your staging username and password
   over to [support@agagate.io](https://wordpress.org/support/topic/weird-padding-between-elements/support@agagate.io?output_format=md)
   and I’ll properly have a dig:
 *     ```
       ol.age-gate-form-elements {
         list-style: none;
       }
       .age-gate-label {
         display: block;
       }
   
       .age-gate-submit {
         margin-top: 10px;
       }
       ```
   
 * When debugging, might be worth sticking an `!important` after the css values 
   in case the theme is being hyper specific.
 * Thanks
    Phil
 *  Thread Starter [johnny5alive](https://wordpress.org/support/users/johnny5alive/)
 * (@johnny5alive)
 * [5 years, 8 months ago](https://wordpress.org/support/topic/weird-padding-between-elements/#post-13466447)
 * That worked, thanks so much! One last question, is there a way for me to remove
   the 1, 2, 3 before month, day, year? Thanks again!
 *  Plugin Author [Phil](https://wordpress.org/support/users/philsbury/)
 * (@philsbury)
 * [5 years, 8 months ago](https://wordpress.org/support/topic/weird-padding-between-elements/#post-13472677)
 * Hi [@johnny5alive](https://wordpress.org/support/users/johnny5alive/),
 * That’s `ol` numbers, should be covered by:
 *     ```
       ol.age-gate-form-elements {
         list-style: none;
       }
       ```
   
 * maybe try just to see if it works
 *     ```
       ol.age-gate-form-elements {
         list-style: none !important;
       }
       ```
   
 * thanks
    Phil
 *  Thread Starter [johnny5alive](https://wordpress.org/support/users/johnny5alive/)
 * (@johnny5alive)
 * [5 years, 8 months ago](https://wordpress.org/support/topic/weird-padding-between-elements/#post-13473928)
 * Hm those didn’t seem to work, you can see the live site now: [https://christinalakecannabis.com/](https://christinalakecannabis.com/)
 * This is everything I have in the custom CSS:
 *     ```
       ol.age-gate-form-elements {
       list-style: none !important;
       }
   
       .age-gate-label {
       display: block;
       }
   
       .age-gate-submit {
       margin-top: 10px;
       }
       ```
   
 * Should I have “Write custom CSS to file” on? The other fixes worked without it.
 *  Plugin Author [Phil](https://wordpress.org/support/users/philsbury/)
 * (@philsbury)
 * [5 years, 8 months ago](https://wordpress.org/support/topic/weird-padding-between-elements/#post-13473963)
 * Hi [@johnny5alive](https://wordpress.org/support/users/johnny5alive/),
 * The write to custom file is up to you really.
 * Looks like the theme is setting the list style on the the `li` not the `ol`, 
   so this should sort it:
 *     ```
       ol.age-gate-form-elements li {
           list-style: none;
       }
       ```
   
 * Thanks
    Phil
 *  Thread Starter [johnny5alive](https://wordpress.org/support/users/johnny5alive/)
 * (@johnny5alive)
 * [5 years, 8 months ago](https://wordpress.org/support/topic/weird-padding-between-elements/#post-13473980)
 * Worked, thank you!

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

The topic ‘Weird padding between elements’ 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/)

## Tags

 * [padding](https://wordpress.org/support/topic-tag/padding/)

 * 6 replies
 * 2 participants
 * Last reply from: [johnny5alive](https://wordpress.org/support/users/johnny5alive/)
 * Last activity: [5 years, 8 months ago](https://wordpress.org/support/topic/weird-padding-between-elements/#post-13473980)
 * Status: resolved