Plugin Author
Phil
(@philsbury)
Hi Matt,
When the age gate is visible, the body gets a class of age-restriction,
you then have a wrapper call age-gate-wrapper, and another div inside that called age-gate.
The form also has a class, age-gate-form.
So of the headings you should be able to do something like:
.age-restriction h1 { /* styles */ }
Adding a second image is possibly more tricky, though you could pad the bottom of the form and give it a background image.
Thanks again Phil
If I wanted to play with the subheading and heading font are they coming from the theme H1 and H2 class or another new font class ?
Bit of a basic question but where should I declare this CSS not in the plugin is it, would I be editing a file, if so wheres it located thanks !
Plugin Author
Phil
(@philsbury)
The H1 and H2 don’t have their own classes – I may add some for the next release though. But by default it’ll be whatever comes from the theme for those elements, same for the buttons/dropdowns etc.
The Age Gate still loads your theme css so I would either put it in there, or create a new CSS file and then enqueue it through your the theme’s functions file. More info on that can be found here if you need it.
Hi Phil
If you could develop the ability to add ID or class to each text level would be good on a future release. And maybe a CSS entry panel on the plugin even thanks.
Plugin Author
Phil
(@philsbury)
Everything now has a class and I’ve added a tab with a list and description of the classes on.
As for a CSS entry panel, it’s some I have done before so wouldn’t be too difficult – it adds a bit of weight to the plugin, mostly for a pretty editor but I’ll look into doing it. It’ll probably be a bigger release as I’ll need to alter some of the current options to do it – which is mostly why i didn’t do it in this one.
Cheers
Phil
