• Resolved aprildmoore

    (@aprildmoore)


    After a server update, I found Age Gate no longer functioned correctly, i.e., it didn’t pass you to the gated content when clicking Yes. As a workaround I decided to enable the Javascript Age Gate using the Admin Ajax endpoint and with a little tinkering I’ve gotten that to work now. Only one issue remains. The word “Remember me” no longer appears on my Age Gate. The check box is there, but the word itself no longer appears. Any ideas as to what I might do to correct this?

    Many thanks!

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

Viewing 6 replies - 1 through 6 (of 6 total)
  • Thread Starter aprildmoore

    (@aprildmoore)

    Quick update. On looking more closely, we realized it’s not the text is missing but that it’s such a dark color you can’t see it anymore. I’ve tried updating this in the CSS Editor, but my changes seem to have no effect on the color of that text. But if I switch it back to the non-Javascript mode, the styles work perfectly, but submitting yes no longer takes me to the gated content.

    • This reply was modified 3 years, 7 months ago by aprildmoore.
    Plugin Author Phil

    (@philsbury)

    Hi @aprildmoore,

    Looks like something else is quite specific when styling labels, think this should do it:

    
    label.age-gate-remember {
        color: #fff;
    }
    

    Thanks
    Phil

    Thread Starter aprildmoore

    (@aprildmoore)

    Thanks, @philsbury. I have updated the CSS Editor with what you posted above, but the “Remember me” text still isn’t white. Below are my current CSS customizations from within Age Gate’s custom CSS editor.

    ———–

    .age-gate-submit-yes,
    .age-gate-submit-no {
    font-family: Copperplate Gothic Light,Copperplate,serif;
    }

    .age-gate-heading {
    font-family: Copperplate Gothic Light,Copperplate,serif;
    }

    .age-gate-subheading {
    font-family: Copperplate Gothic Light,Copperplate,serif;
    color: #fff;
    }

    label.age-gate-remember {
    color: #fff;
    }
    .age-gate-remember {
    font-family: Ariel,Helvetica,sans-serif;
    color: #fff;
    }
    ——————-

    It’s very strange to me, because the font families are displaying correctly. I just can’t seem to affect the color.

    In trying to debug this, I noticed that “.colors-custom input” is being applied to the element. I assume that’s driven by my selections under “Appearance.” I’d already set the text color to white there too, though.

    Thanks for the help. Let me know if you think of anything else I might try.

    Plugin Author Phil

    (@philsbury)

    Hi @aprildmoore,

    It looks like whatever is doing the other styles (probably the theme) is doing them later than we are. You could add an important to it, not the most elegant but should work:

    
    label.age-gate-remember {
        color: #fff !important;
    }

    Thanks
    Phil

    Thread Starter aprildmoore

    (@aprildmoore)

    Excellent. That did the trick. Thanks, @philsbury!

    Plugin Author Phil

    (@philsbury)

    Glad it’s all good @aprildmoore

    Thanks
    Phil

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Remember Me disappeared after enabling JS mode’ is closed to new replies.