Proper way to increase Meta Box Switch size (Admin / Settings Page)

Support General Proper way to increase Meta Box Switch size (Admin / Settings Page)

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #49652
    Jayron CastroJayron Castro
    Participant

    Hello Meta Box Team,

    I’m using Meta Box Builder to create a Switch field inside a Settings Page (admin area).

    The switch works perfectly, but I couldn’t find any official or recommended way to increase its visual size (width/height) while keeping the layout intact.

    I tried some CSS approaches (transform: scale, custom width/height on slider), but they break the alignment of the switch (slider misalignment, cropped area, spacing issues), especially inside the admin UI.

    My question is:

    Is there an official way (CSS class, filter, hook, or setting) to properly increase the size of the Switch field?

    Or is the switch intentionally designed to be used at a fixed size only?

    If CSS is the only option, is there a recommended selector or approach that won’t break the internal layout?

    Context:

    Field type: Switch

    Created via: Meta Box Builder (UI)

    Location: Admin Settings Page (not front-end)

    I’d like to follow Meta Box best practices instead of relying on fragile CSS overrides.

    Thank you!

    #49656
    PeterPeter
    Moderator

    Hello Jayron,

    Please try this custom CSS code to increase the switch field size and let me know if it helps

    .rwmb-switch-label {
        --size: 30px;
    }
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.