[NSFW] Problem with background and age-gate-form

Hi @christofer92,

Do you have the “Viewport meta tag” option checked in the Age Gate appearance settings, that’d probably be my first guess. Try with it the opposite of what you have.

If that doesn’t work and you have a link, I’ll happily have a look.

Thanks
Phil

Hi @christofer92,

Glad that bit is sorted!

For the other two, yes but you’ll need to write a bit of CSS.

The hovers can be done with some like:

.age-gate-submit-yes:hover,
.age-gate-submit-no:hover {
    background-color: red;
}

Sticking with that as an example, you could then change those colours for mobile with:

@media screen and (max-width: 1023px) {
    .age-gate-submit-yes:hover,
    .age-gate-submit-no:hover {
        background-color: green;
    }
}

Full snippet for that would be

.age-gate-submit-yes:hover,
.age-gate-submit-no:hover {
    background-color: red;
}

@media screen and (max-width: 1023px) {
    .age-gate-submit-yes:hover,
    .age-gate-submit-no:hover {
        background-color: green;
    }
}

You can either add that to your theme’s css or in the CSS editor in the age gate advanced settings. There’s reference to all the CSS selectors here

Thanks
Phil

Hi @christofer92,

Something on your site is setting it with an !important flag, so you’ll have to do the same, or remove the important that is being set:

.age-gate-submit-yes:hover,
.age-gate-submit-no:hover {
    background-color: red !important;
}

Thanks
Phil