Transparent Background

Hi @sgucci1,

It’s not at the moment for a couple of reasons;

If you are using “standard” mode your content never loads as age gate replaces the template with it’s own.

In JS mode, it hides all the content it doesn’t want. In theory you may be able to work around this with CSS but it’d a little bit hacky I think.

Essentially, in my head when writing the plugin this would seem to defeat the purpose of the plugin but you’re the third person to ask so it probably doesn’t 🙂

However
As you may have seen from other threads, I’ve been banging on about a v2 of the plugin. The JS mode of this behaves differently so it will be possible. I am writing the documentation for this version today and hope to have an alpha version out today too.

In the meantime you could add an image of your site as the background, not the nicest solution I admit but I think it’s worked for some others.

Cheers
Phil

Hi Steve,

V2 has a CSS editor build in and a load of other changes (actions, filters, custom form fields etc etc). It’s in alpha, details of which can be found here:
https://wordpress.org/support/topic/age-gate-v2/

I’ve got a few things to test and retest on it before it becomes an official release but you’re welcome to try it.

Cheers
Phil

Hi Steve,

It’ve added a new version to the downloads page:
https://wordpressagegate.com/downloads

This has sliders for the opacity – it’s not pretty at the moment, just standard HTML ranges but it should work for testing.

There’s one for background colour, foreground colour and even the background image.

As I mentioned before, it’ll only work in JS mode.

Any feedback on it greatly appreciated

Thanks
Phil

Hi Steve,

Thanks for this, from what you’ve said it sounds like there may be some z-indexing/positioning issues. I’ve only got it running on the standard theme at the moment, so if you have a link that’d be good to see.

If it is as I think, you can add this to the CSS editor on the advanced page and see if it fixes it.

.age-gate-wrapper {
  position: absolute;
  z-index: 999999;
  width: 100%;
  top: 0;
}

If that works I’ll probably roll it into the main CSS as I’d expect others to potentially have similar issues.

Thanks
Phil

Hi Steve,

The scroll should be disabled so we may have some conflicts between the plugin and theme CSS and the theme is winning. I’ve made a couple of tweaks to the CSS if you’d be willing to give that a go, they can be found here:
https://wordpressagegate.com/download/157/

If you’re still getting the scrolling there’s a couple of things we could try. You could add the following to the custom CSS

html.age-gate-restricted,
body.age-restriction {
  height: 100vh !important;
  overflow: hidden !important;
}

!important isn’t the best solution but if it works it’ll help understand a little about what’s happening. If that doesn’t work we could try tapping into the event listener when the age gate shows/hides. But let’s try that if this doesn’t work.

Another option is to set:

.age-gate-wrapper {
  position: fixed;
}

in the custom CSS. It’ll still scroll, but with Age Gate over the top.

As an aside, the CSS I gave you in the last message is now part of the main code so you shouldn’t need it anymore.

Let me know if any of that works/any further issues and I’ll work to get them resolved.

THanks,
Phil

Hi Steve,

That’s frustrating.

What theme are you using, it might be easier if I grab a version of it and look into it that way or we could but back and forth forever on this. Or if you have a link I can see where the conflicts are.

I’m thinking at the moment it’s probably an issue with how the theme is setting the page height (if at all) vs how age gate is doing it with vh units, but that’s a bit of a guess at this point.

This might do it, but still a guess

html.age-gate-restricted,
body.age-restriction,
.age-gate-wrapper {
  height: 100% !important;
  overflow: hidden;
}

Cheers
Phil

Hi Steve,

Absolutely, you can send it (or create a new user) with support@wordpressagegate.com as the email and I can have a look.

If you do a new user, make sure that type has age gate permissions in the access tab.

Thanks
Phil

Hi @devcpf,

Sorry for the slow reply. The transparent background will be in the first release of V2. I did an update yesterday in preparation for V2 so just want to give it a couple of days to let people get that one first.

The latest beta of V2 seems pretty stable, and now has a test to inform you if new dev versions are available, so I’d say it’d probably be ok to use while developing, depending on what you time scales are.

The donate link should still be there, on the plugins page at least. A bit more subtle than in the V1.

Thanks
Phil