Customize toggle widget width & alignment

  • I’d like to be able to control the width of the toggle element within my web page. I don’t see how within the toggle widget control panel. Is there a way? It’s inside a full width section, but I want to control the Toggle width to a defined.

    All help is welcome

Viewing 1 replies (of 1 total)

  • @bushido1 –

    In the Advanced tab of the Toggle, add a CSS ID, e.g. my-toggle. Then set the size and/or position with CSS.

    The following CSS with center the Toggle in the Section and set the width to 50% (use percent instead of px in order for it to display nicely on mobile):

    #my-toggle {
    position: relative;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
}

    Cheers!
    Lyle

Viewing 1 replies (of 1 total)
  • The topic ‘Customize toggle widget width & alignment’ is closed to new replies.