Custom Column Widths

  • Resolved josephdang

    (@josephdang)


    3 years, 6 months ago

    I’m trying to set column widths via CSS. It was going to be added via this support thread:

    https://www.ads-software.com/support/topic/widths-of-column-container-cells/

    Messing around in the inspector, changes to ff-t-cell.ff-t-column-2 doesn’t seem to do anything. Trying out code form.frm-fluent-form .ff-t-cell .ff-t-column-2 doesn’t either.

    I’m trying to make an inline form, where the submit button is in the second column, but want it to not take up 50% of the parent container, as the form is not centered correctly.

    Edit: Nevermind, was able to achieve this with custom CSS in the FF settings area, not the Additional CSS area of Customizer.

    • This topic was modified 3 years, 6 months ago by josephdang.
Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter josephdang

    (@josephdang)

    Edit Again: So not resolved. When I first put the CSS in, it worked. I tweaked it a little bit, didn’t work, so I resorted back to my original CSS code, and now it doesn’t work.

    .fluent_form_ID .frm-fluent-form .ff-t-cell:last-of-type {
    width: 150px;
}

    This code shows up when you “view source” but not in the inspector, not even as a crossed out or greyed out item.

    https://wordpress-577361-1867542.cloudwaysapps.com/test/

    Thread Starter josephdang

    (@josephdang)

    Well support helped on one aspect, but it wouldn’t work by applying to a specific form. I figured it out. Leaving it here in case anyone else searches for it. Replace # with your ID

    #fluentform_# .ff-t-cell:last-of-type {
    width: 150px !important;
    padding-left: 0px;
}
    Plugin Support Alex Sanchez

    (@alexwpninja)

    Happy to hear that it is resolved, Thanks for the code

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Custom Column Widths’ is closed to new replies.