If centered, everything should stack

  • Resolved katieingram

    (@katieingram)


    4 years, 9 months ago

    If the logo and text are centered, how can I then center the buttons and “remember me” checkbox so everything stacks?

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Phil

    (@philsbury)

    4 years, 9 months ago

    Hi @katieingram,

    Looks like your theme css has all buttons floating left, this css should sort it:

    .age-gate input[type="submit"] {
    float: none;
}

    Hope that helps

    Thanks
    Phil

    Thread Starter katieingram

    (@katieingram)

    4 years, 9 months ago

    Hmmm, gives me an error message when I add this to Custom CSS in the Advanced section.

    “There are errors in your CSS. You can save your changes, but there may be display issues.”

    And, nothing changes on the front end.

    Plugin Author Phil

    (@philsbury)

    4 years, 9 months ago

    Hi @katieingram,

    The “error” is probably because the css editor doesn’t like things like input[type="submit"]. But it turns out, that css really just doesn’t work!

    Give this a go instead, I have tested it with a css injector:

    
.age-gate-submit-yes,
.age-gate-submit-no {
    float: none;
}

    If it’s still not playing ball, put an !important after it:

    
.age-gate-submit-yes,
.age-gate-submit-no {
    float: none !important;
}

    Make sure you clear any caches if you have them after making the change too.

    Thanks
    Phil

    Thread Starter katieingram

    (@katieingram)

    4 years, 9 months ago

    You’re a genius! I used the first example without the important. Thanks!

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

The topic ‘If centered, everything should stack’ is closed to new replies.