How to customize field width inside column?

  • Resolved everwell01

    (@everwell01)


    1 year, 6 months ago

    How to change the width of a field when inside a column?

    This works:
    (CF7) = [date date-nocolumn id:date-nocolumn]
    (UACF7 Form Styler – Custom CSS) = #date-nocolumn{resize:none; width:25%}

    This does not work:
    (CF7) = [uacf7-row][uacf7-col col:6] [date date-incolumn id:date-incolumn][/uacf7-col][/uacf7-row]
    (UACF7 Form Styler – Custom CSS) = #date-incolumn{resize:none; width:25%}

    It removes the resize handle but does not change the width (stays at 100% of column width). Same effect with Text field.

    INFO: I want to shorten the width of the date field to bring the date picker button closer to the visible date, which is always only 10 characters long. When the button is so far away, user may not even know it’s there.

    Thanks! 🙂

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author mdashikul

    (@mdashikul)

    1 year, 6 months ago

    Hello @everwell01
    Thanks for contacting us. You can use our custom column width feature without writing any extra CSS, if you still want to add custom CSS then you will have to override our CSS by adding like – #date-incolumn{resize:none; width:25% !important}
    Here is the code below for the custom column width
    [uacf7-row][uacf7-col 25%]
    [date date-incolumn id:date-incolumn]
    [/uacf7-col][/uacf7-row]

    Thread Starter everwell01

    (@everwell01)

    1 year, 6 months ago

    Thank You!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How to customize field width inside column?’ is closed to new replies.