Gravity Form refuses to play with the Moonrise CSS

[Shelly Peacock]

No matter what I do, the gravity form (latest version) wont play nice with Moonrise CSS… it picks up the google font, but won’t change colors, and just looks basically janky.
Any ideas?

[Bill Robbins]

Hello Shelly,

Sorry for the trouble getting those to play nicely. Any chance you could send a link to where you’re working with the theme and Gravity Forms so I can take a closer look for you?

Thanks,
Bill

[Bill Robbins]

Thank you Shelly. It looks like the Gravity Forms “Output CSS” may be set to “no” in the Gravity Forms settings page. You’ll probably want to swap that to “yes” so that base styling from the plugin is included. Since the theme sets the inputs background to white, you’ll want to change those since you have a white background. Here’s how to do that:

1. Go to the Theme Options page and select the Styling tab.
2. Scroll down to the Custom CSS box and paste this:

   
   input[type="text"],
   textarea {
   	background-color: #f8f8f8;
   }
   

3. Update your settings.

See if those two things won't help out your forms some. Let me know if I can help.

Thanks,
Bill

[Bill Robbins]

You can change the labels in the form this way:

1. Go to the Theme Options page and select the Styling tab.
2. Scroll down to the Custom CSS box and paste this:

   
   .gfield label {
   	color: #3381c5;
   }
   

3. Update your settings.

If you want a different color, just replace the #3381c5 with the color code you'd like to use there.

See how that works.

[Author]

Posts