.customize-control-toggle label { display: flex; flex-wrap: wrap; } .customize-control-toggle label .customize-control-title { width: calc(100% - 55px); } .customize-control-toggle label .description { order: 99; } .customize-control-toggle input[type="checkbox"] { display: none; } .customize-control-toggle .switch { border: 1px solid rgba(0, 0, 0, 0.1); display: inline-block; width: 33px; height: 8px; border-radius: 8px; background: #777; vertical-align: middle; position: relative; cursor: pointer; user-select: none; transition: .3s; } .customize-control-toggle .switch:after { width: 11px; height: 11px; position: absolute; display: block; background-color: black; content: ""; bottom: -6px; left: -2px; border-radius: 25px; border: 5px solid white; box-shadow: 0 4px 8px 2px rgba(0,0,0,0.4), 0 4px 8px 2px rgba(0,0,0,0.6); transition: .1s; } .customize-control-toggle input:checked + .switch { background: red; } .customize-control-toggle input:checked + .switch:after { background: red; -webkit-transform: translateX(15px); -ms-transform:translateX(15px); transform: translateX(15px); }