Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1076590

    ammes90
    Participant

    Hey Support Team,

    I would need some help with my Gravity forms and the CSS Styling.

    I added this code which I found on the Grafiy forms website to remove the bullet points in the form on my website:

    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: "";
    }

    Now I have the problem that the fields in the same line are too cose together as you can see at the screenshot.

    So I changed the magin to 1:

    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: 1 !important;
    	border: none !important
    }
    body .gform_wrapper form .gform_body ul > li:before {
    	content: "";
    }

    But now the fields are not in the same line as the button anymore 🙁
    Another problem is that the last text fields is a paragraph text field but at the website I only get one line.
    I’m not good at CSS at all 🙁 Could you help me in this case?

    Here the Link to the Form:
    http://work2do.at.w0147d06.kasserver.com/kontaktformular/

    Best regards

    Patrick

    #1076980

    Jade
    Moderator

    Hi Patrick,

    Please add this code in the customizer:

    .page-id-836 #x-section-1 #gform_fields_4 {
        margin-left: 0;
    }

    Hope this helps.

    #1078120

    ammes90
    Participant

    Great thank you, that helped.
    But I still have the problem that the paragraph text fields only have one line at the website. Any idea for this problem?

    Edit:

    Okay, found it:

    body .gform_wrapper textarea {
        height: 250px!important;
    }

    Thank you very much for your help!

    #1078279

    Joao
    Moderator

    Glad to hear it.

    Let us know if you need further help.

    Joao