Age Verification Using Expose / Foundry

Classic Stacks
1

I’m using Foundry for a customer’s site and wanted to add an Age Verification screen using @joeworkman Expose stack. It works great, but every button stack that I have used shifts the button to the right and greys out. I ended up putting it into a Column stack to “center” the button, it corrects the centering issue a bit, but the button remains greyed out.

I started a new project, used a Foundry theme, Expose, paragraph, column and a button stack and the problem persists.

I tried several different button stacks, and they all greyed out, except two, but those two wouldn’t close the Expose stack. Any ideas?

07%20PM
07%20PM1499×840 57.8 KB

2

I ended up putting some HTML for a link and it doesn’t look too bad. It greys it out, but still works. Any ideas on how to fix this would be appreciated. I tried stacks, HTML code, and HTML/CSS button generators, but nothing seems to work correctly once I gave it the class “close”. I’m going with this and crossing my fingers that my client doesn’t want to change the color of the “ENTER” text to anything but grey.

“The customer can have any color they want, so long as it’s black grey.” Henry Ford… :wink:

greyed%20out
greyed%20out1200×500 87.7 KB

3

If you give a url someone can more than likely give you a little css to help you out

1 Like
4

Thanks @swilliam. http://leapinghorsevineyards.com

5

This is the amazing Bootstrap framework for ya… this should fix it.

.expose_lightbox .close {
    color: #000;
    opacity:1;
}
3 Likes
6

works perfectly @joeworkman. Thank you. Turned out they loved the grey, because it allowed visitors to focus on the content around it, but I’m happy to now have the answer I was searching for. Now the hover works correctly too.

7

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.