PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.

CSS Class does not work in twenty eleven

  1. 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 8 years ago on Saturday April 20, 2013 | Permalink
  2. 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 8 years ago on Saturday April 20, 2013 | Permalink
  3. 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 8 years ago on Saturday April 20, 2013 | Permalink
  4. 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 8 years ago on Saturday April 20, 2013 | Permalink
  5. danibo
    Member

    bingo bingo
    thank you very, very much.
    danibo

    Posted 8 years ago on Saturday April 20, 2013 | Permalink
  6. Richard Vav
    Administrator

    You're welcome

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