Meta Box

Dropdown fields - how to increase field width

Support › General › Dropdown fields - how to increase field widthResolved

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • October 25, 2020 at 6:44 AM #22571
    BrianBrian
    Participant

    Hi -
    I have a few dropdown field types and I would like the width to span "full width" to whatever column option I select under the "appearance" section.

    How can I do this or is there already a way to increase the field size and I'm just on aware of it?

    Thanks in advance,
    Brian

    October 26, 2020 at 9:54 AM #22576
    Long NguyenLong Nguyen
    Moderator

    Hi Brian,

    What are the dropdown field types that you are using? For the field select or select_advanced, we can use the custom CSS code to span full-width select options.

    /* select_advanced */
.rwmb-select_advanced-wrapper .rwmb-input > span.select2 {
    width: 100%;
}

/* select */
.rwmb-select-wrapper .rwmb-input > select {
    width: 100%;
}

    Apply the CSS in the admin area with this plugin https://wordpress.org/plugins/admin-css-mu/.

    October 27, 2020 at 7:48 AM #22589
    BrianBrian
    Participant

    Hi Long,
    Thanks - I'll give give this a go.

    It might be nice to just add this into the meta box plugin css itself. That way it would span to full width of whatever column selection you add. What do you guys think?

    Thanks,
    Brian

    October 27, 2020 at 10:13 AM #22592
    Long NguyenLong Nguyen
    Moderator

    Hi,

    Thanks for the idea. I will create a feature request to support CSS code for the field.

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.