Popup Stylesheet css « Gravity Support Forums

Gravity Support Forums » Plugin Support » Gravity Forms

buckelew
Member

I am using Popover plugin by wpmudev. The form is not showing up correctly in the Popover. It is showing the text below in addition to the form input boxes:
Free Report
Join the Community For Free Tips, Tools and Strategies.

"""Single Line Text : Field ID 2
DeleteDuplicateEdit
Single Line Text : Field ID 3
DeleteDuplicateEdit
Email : Field ID 1
DeleteDuplicateEdit""""

This is the comment that I am receiving from the plugin support:
In order to style it's forms, Gravity forms adds it's own CSS stylesheets to the head of your site. It does this on normal pages and posts by checking if the page / post has a gravity form in it and then adding it to the header (at least it used to use this selective method), unless it is set to never included the styles if the theme you are using already has gravity forms css built in.

So, if it isn't including its CSS in the header (because the form is in a pop up and not in the content), then the form won't be styled. In that case, you would need to force gravity forms to include the CSS on all pages in your site so that it would style the pop up as well.

Can you please give me some direction?

Posted 11 years ago on Wednesday January 2, 2013 | Permalink
Kevin Flahaut
Administrator

If you want the Gravity Forms styles on every page, then you can simply copy the contents of the Plugins/Gravityforms/CSS/forms.css file and paste that at the very end of your existing theme's stylesheet. After that, go to the GravityForms settings page and turn of the "output CSS" option.

The downsides to this are that it creates additional overhead loading GF styles on every page.. even those with no form and it also means that when GF updates, you'll manually have to copy and replace the styles in your theme with the updated GF styles.

If you don't mind a little extra work from time to time that will do the trick for you. Otherwise, it seems like these other guys could figure out a way since it is in fact their add-on you're using.

Best of luck with it.

Posted 11 years ago on Wednesday January 2, 2013 | Permalink
buckelew
Member

Kevin,

I just updated my css by copy and pasting the forms.css file to the end of my template css file and it give me the same issue. what would be your next suggestion? You can see it at http://www.nikkiandchris.com

Thanks,
Chris

Posted 11 years ago on Wednesday January 2, 2013 | Permalink
Chris Hajer
Key Master
I am going to step in and say I believe the issue is not with the CSS but the fact that you are loading at least two different versions of jQuery. Take a look at the source of the popup page:
```
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script type='text/javascript' src='http://www.nikkiandchris.com/wp-includes/js/jquery/jquery.js?ver=1.8.3'></script>
```
The old version 1.4.4 is going to create a problem for you. Find out where that is coming from and remove it if you can.

I see the Gravity Forms styles were added to the end of your theme's stylesheet.
Posted 11 years ago on Wednesday January 2, 2013 | Permalink
Kevin Flahaut
Administrator

Thanks for taking a closer look Chris.

Posted 11 years ago on Wednesday January 2, 2013 | Permalink
buckelew
Member

Chris,

Thank you for the heads up on the jQuery. I have gone ahead and updated those to the same and still have the same issue. What would you next suggestion be?

Thank You,
Chris

Posted 11 years ago on Wednesday January 2, 2013 | Permalink
Chris Hajer
Key Master

You still have two versions there: 1.8 and 1.8.3. You should only have one version of jQuery, the one which is properly enqueued by WordPress (1.8.3).

Have you already checked for theme and plugin conflicts using these instructions http://rkt.gs/testing or are we certain the issue is with the WPMU Dev popover plugin?

Posted 11 years ago on Wednesday January 2, 2013 | Permalink
carroc
Member

I have the exact same issue with no other plugins active. I would love to find a solution.

Posted 11 years ago on Tuesday February 12, 2013 | Permalink
Chris Hajer
Key Master

@carroc, please open a new topic for your issue, if you have not already. Please state what is not working for you currently, and include a link to the page on your site where the form is embedded.

Posted 11 years ago on Saturday February 16, 2013 | Permalink

This topic has been resolved and has been closed to new replies.