Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
  • #127

    I wish to use Display with Gravity Forms, no problem with that however the Gravity Forms people must use the (li) and (ul) tags for displaying the form fields because it puts the little orange bullet next to each one.

    I specifically want to turn off this bullet image somehow but don’t know where to start, in CSS I guess?

    But just to be extra difficult, I only want to turn off the bullet specifcally for the Gravity Forms, or just for the main content area and revert to a “standard” bullet.

    Hope this helps :)


    allthough i am not 100% shure what you need you can usually set a different list style for such plugins since in almost all cases they wrap their output code into a html element with a unqiue class or id. so i would recommend to check the souce of the page that got the forms applied and then add a unique css rule for these list items. for example if they use a form with id Gravity Forms you could use

    #top #gravity .ul li{
    background: transparent none;

    Hmm, need to learn more about this CSS stuff.


    Ok so the code it uses to display the form is like this…

    <div class='gform_wrapper' id='gform_wrapper_1' style='display:none'><form method='post' enctype='multipart/form-data' id='gform_1' class='' action=''>

    <div class='gform_body'>

    <input type='hidden' class='gform_hidden' name='is_submit_1' value='1'/>

    <ul id='gform_fields_1' class='gform_fields top_label'><li id='field_1_2' class='gfield' ><label class='gfield_label' for='input_1_2'>Your Name<span class='gfield_required'>*</span></label>

    so the ID would be gform_wrapper_1 or gform_fields_1 ?


    Just as a sidenote, to include full support for Gravity Forms as the contact option would be a killer addition I feel :)


    #top .gform_wrapper .ul li{
    background: transparent none;

    Should do the trick then. :)

    Since this is a premium paid plugin there are not that many people using it, therefore I dont think that adding those options would be that wise. However I will of course re consider if the plugin gets more popular ;)


    I would think that Gravity Forms is a very popular plugin, I have a developer license :)


    Well, you are the first one how ever asked me a Gravity Forms related question ;D


    I feel “unique” and “special” hehe :)


    Hi, I’m here about 1 year after with the same problem. I tried to include every code on every style.css I found here in the forums, but still have this issue.

    Please, can someone help me to correct this? I’m about 2 days on that with no success… I’m not a great webmaster, really…

    Here is the problem, all the forms becomes in “list” mode, but it is not visible on a clean theme.

    The only way I found to fix that was removing by hand every tag containing the “.gform_wrapper ul li.gfield” style, but I’m not really sure about what I’m doing.

    Can someone help me plz?

    Thanks in advance.


    Try following css code (add it to style.css):

    .gform_wrapper li {
    background: none transparent !important;
    border-bottom: none !important;


    Hey… thanks so much for the help!!!

    It’s almost perfect, but there’s still some lines… is there anything else that I can do?

    Here is a preview of this form without a theme:

    Thanks again!



    below what you previously added add

    .gform_body ul{

    This should do the trick :) Let us know if it works.





    Good to see it works :)

Viewing 15 posts - 1 through 15 (of 15 total)

The topic ‘Display & Gravity Forms’ is closed to new replies.