Support » Plugin: Age Gate » Weird padding between elements

  • Resolved johnny5alive

    (@johnny5alive)


    The website is still in staging so requires a login to see the age gate, but here’s a screen: 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

    (@philsbury)

    Hi @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 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

    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

    (@philsbury)

    Hi @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

    Hm those didn’t seem to work, you can see the live site now: 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

    (@philsbury)

    Hi @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

    Worked, thank you!

Viewing 6 replies - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.