Sidebar Widget « Gravity Support Forums

Gravity Support Forums » Plugin Support » Gravity Forms

schmitty23
Member

I am a customer of Gravity Forms and also just recommended it to a customer who bought it ... really awesome plugin, I just wanted to say, and every bit worth the cost.

The customer wanted to have a very short form (name, email) display in the sidebar of their theme. I downloaded Yoast's plugin and installed it, very straightforward. I do have two issues with it though and Yoast has closed comments on his site, so I wanted to post here:

1) I'm not exactly sure how I can use CSS to style the individual elements (the submit button is a little too close to the last input field

2) When I'm displaying a page which contains a gravity form, the spacing on the sidebar widget between elements doubles or triples. It looks awful, but only happens when displaying another gravity form

3) I've tried two social bookmarking plugins (sexy bookmarks, and AddToAny) and tried to constrain them to only showing on posts, but they actually show up in my Gravity sidebar

The 2nd two are the most significant issues .. do you have any advice?

Posted 14 years ago on Thursday January 28, 2010 | Permalink
schmitty23
Member

Update: I got rid of the social bookmark problem by not using the Yoast widget and instead using exec-php and embeddign the PHP function in a text widget.

Still have the issue with styling it, and with appearance changing when I'm displaying a page containing a gravity form

Posted 14 years ago on Thursday January 28, 2010 | Permalink
Kevin Flahaut
Administrator

If you'd like to post a link, I'll be happy to look at the issue and offer some suggestions.

Posted 14 years ago on Thursday January 28, 2010 | Permalink
schmitty23
Member

Kevin,

The site is currently protected by being in maintenance mode. Please contact me at eschmith@sceris.com, and I can give you a temporary login so you can get in to view it..

Thanks!

Erik Schmith

Posted 14 years ago on Friday January 29, 2010 | Permalink
Kevin Flahaut
Administrator

Erik, email sent.

Posted 14 years ago on Friday January 29, 2010 | Permalink
Kevin Flahaut
Administrator
Erik, here's the run down.

The reason the form looks different on a page with a another Gravity Form is that the default Gravity Forms CSS is only loaded on pages where a form is embedded in the editor. Forms used in the widget don't automatically load the CSS, that's why you were seeing the difference.

I copied all of the default styles from the GF stylesheet and appended them to your theme's style.css file. That way, the form styles are present for all pages. I then went into the forms settings and turned off the "output css" option since those are now in the default theme stylesheet.

I also added a few extra style declarations to your style.css to target a form inside the sidebar widget.
```
/*Gravity Forms Sidebar Widget Styles ---------------------*/
#sidebarwidgeted .gform_wrapper .gform_heading {margin-bottom:0; padding-bottom:0;}
#sidebarwidgeted .gform_wrapper .gform_footer {margin:0; padding:10px 0 0 0;}
#sidebarwidgeted ul#gform_fields_1 {margin:0;}
#sidebarwidgeted .gform_wrapper {margin: 0 0 10px 10px;}
```
You should be able to tweak it from there or follow the inheritance to effect other changes if you need.
Posted 14 years ago on Friday January 29, 2010 | Permalink
schmitty23
Member

Kevin, that is fantastic, and looks terrific on my site. Though I've only worked on a couple of wordpress sites so far, trying to get quality plugins and support for them has been incredibly frustrating.

I'd like to say that I'm more and more impressed with this plugin as I use it, and your response was awesome!

Posted 14 years ago on Friday January 29, 2010 | Permalink

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