Meet Gavern and Flexicontact

Not sure if this has come up in the past, but I'm having trouble with Meet Gavern and the Flexicontact plugin. Whenever I add a link to the modal popup, it appears as a floating button. I've tried it in other templates, including ones from Gavickpro and it's fine. Should give a text link which will popup a contact form.

the link in the pic should just be a text link saying "Contact Us" under "A list of resources for parents..."

Could You please post an url to your site where this problem can be checked?

Sorry for the delay, was off sick.

The site is staging.confidentlearners.com
user: test
pass: test

once you login, the top right menu will have a link for resources. The page - test for contact - has the problem.

Any help would be appreciated.

The problem is that your plugin uses modal class that is reserved for other purpose in our template. You would need to add another custom class to this anchor, and then clear all those settings, bringing them back to default for that class:

Code: Select all

.modal {
position: fixed;
top: 10%;
left: 50%;
z-index: 1050;
width: 560px;
margin-left: -280px;
background-color: #fff;
border: 1px solid #999;
border: 1px solid rgba(0,0,0,0.3);
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0 3px 7px rgba(0,0,0,0.3);
-moz-box-shadow: 0 3px 7px rgba(0,0,0,0.3);
box-shadow: 0 3px 7px rgba(0,0,0,0.3);
-webkit-background-clip: padding-box;
-moz-background-clip: padding-box;
background-clip: padding-box;
outline: none;
}


Got it. Thanks for the point in the right direction. I added a second class to the selector that reset the attributes and now all is good.

Great .
If You will have any other questions, feel free to post new forum threads.