Age gate 3.0 doesn’t load properly

API seems fine to me, so I’ll try adding the plugins you mentioned and will have a look.

Hi @hayatoyu,

Looks like these are primarily style issues where little bits of have been tweaked between v2 and v3. Some I think I’ll need to roll into the default style, but here’s a rundown:

/* A couple of variable overrides */
:root {
    --ag-form-z-index: 9901;
    --ag-button-color-background: transparent;
    --ag-form-max-width: 450px;
    --ag-form-padding: 0;
    --ag-button-radius: 0;
}
/* This was on age-gate-form before */
.age-gate {
    max-width: 450px;
}

/* I this should be in the core styles, I'll add, but for now */
.age-gate-form {
    align-items: center;
}

/* age-gate-submit is now a wrapping div */
.age-gate-submit {
    width: 100%;
}

/* and the button is now this */
button.age-gate-button {
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
}

/* The logo class has changed to this */
.age-gate-heading-title-logo {
    max-width: 65px;
}

It also looks like the transparency is missing, so will need to check the settings for that.

Thanks
Phil

Hi @hirmagazin,

I think in the case above it was a false negative, but it’ll show in the Age Gate settings screens.

As I say, could be a false flag so fell free to open a topic if you’re having issues.

Thanks,
Phil