Columns

  • Resolved gerikg

    (@gerikg)


    5 years ago

    I would like the fields to be in two columns. At two columns the whole area is 50% of the website.

    What I want
    | Field_1 50% | Field_2 50% |

    What is happening when I do two columns
    | Field_1 25% | Field_2 25% | Empty_Space 50% |

    this is the css it spits out: everything is wrapped in .fields.column2 

    media screen and (min-width: 740px), print
#fbuilder .fields.column2 {
    float: left;
    width: 49.9%;
    clear: none;
}
Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author codepeople

    (@codepeople)

    Hello @gerikg

    Please, indicate the URL to the page where the form is inserted for checking the class names assigned to the fields in detail.

    Best regards.

    Thread Starter gerikg

    (@gerikg)

    As much as I hate posting URL links in a public forum that is not ready, here it is.

    https://staging1.marawealth.com/calculate-position-size/

    Plugin Author codepeople

    (@codepeople)

    Hello @gerikg

    First, you have assigned to the most outer field (the fieldset field: fieldname18), the class name: column2, and I don’t know why. If you want controlling the form’s width, you simply should pass a class name to the form througth its shortcode, and define the form’s width through this class.

    Concerning to the other fields (contained into the fieldset fields), they have assigned the column2 field properly, however, there are some fields that are displayed wider than others, because in some fields you have selected as the field’s size the “medium” option, and in others (like the calculated field: fieldname16) the “large” option. So, if you want all fields have the same size, select the “large” or “medium” option for all of them.

    Best regards.

    Thread Starter gerikg

    (@gerikg)

    Ha!

    I took over from someone else and I didn’t know that was added. I deleted and it’s working just fine.

    -Closed-

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Columns’ is closed to new replies.