CSS Class does not work in twenty eleven

Gravity Support Forums » Plugin Support » Gravity Forms

danibo
Member

Hallo
I tried to make two colums in Theme Twntyeleven.
http://www.freethebees.ch/kontakt-2/test_message/
But it does not accept CSS Class. In the preview it shows it right.
do I have to manipulate the css file from Twentyeleven?

Thanks
danibo

Posted 11 years ago on Saturday April 20, 2013 | Permalink
Richard Vav
Administrator

Hi Danibo,

I have taken a look at the source code for your page but can't see the link to the gravity forms stylesheet, can you go into the Gravity Forms Settings page and make sure 'Output CSS' is set to 'Yes', then re-check your form.

Without the gavity forms css you can't use the CSS Ready Classes such as gf_left_half

Regards,
Richard
--
Just another member of the community helping out where I can

Posted 11 years ago on Saturday April 20, 2013 | Permalink
danibo
Member

Richard
Thank you. That helped a lot. Now it works.
With the heme "Delecate" from Natty the CSS Class is now accepted as well but I have some problems with the alignement of the frames and the fields. (TOS and Vorname des Kindes, Nachname des Kindes) I think it is because of the green arrows..
http://www.naturspielraum.ch/infos/anmeldung-downloads/

Is there a work around... basicly I do not need the green arrows.

Thanks for your fast and competent answer.

danibo

Posted 11 years ago on Saturday April 20, 2013 | Permalink
Richard Vav
Administrator
The green arrows are actually list icons (bullet points) they are appearing because whoever created the theme placed the link to the themes style.css file after the wp_head hook (allows plugins like Gravity Forms to include links to their stylesheets and javascript files) causing your themes css to override the gravity css.

So to get rid of the green arrows you can add the following to your themes style.css file
```
body .gform_wrapper form .gform_body ul,
body .gform_wrapper form .gform_body ul li {
	list-style-type: none !important;
	list-style-image: none !important;
	list-style: none !important;
	background-image: none !important;
	background: none !important;
	padding: 0 !important;
	margin: 0 !important;
	border: none !important
}
body .gform_wrapper form .gform_body ul > li:before {
	content: "";
}
```
Posted 11 years ago on Saturday April 20, 2013 | Permalink
danibo
Member

bingo bingo
thank you very, very much.
danibo

Posted 11 years ago on Saturday April 20, 2013 | Permalink
Richard Vav
Administrator

You're welcome

Posted 11 years ago on Saturday April 20, 2013 | Permalink