.customize-toogle-label .customize-control-title { display: inline-block; width: 170px; } .customize-toogle-label .toggle-wrap { margin: 6px 0; } .customize-control-toggle .toggle-button { position: relative; display: inline-block; width: 60px; height: 34px; border-radius: 3px; } .customize-control-toggle input { opacity: 0; width: 0; height: 0; } .customize-control-toggle .toggle-button { background-color: #ccc; } .customize-control-toggle .toggle-button:before { position: absolute; content: ""; top: 0; left: -24px; right: 0; bottom: 0; background-color: #fff; -webkit-transition: .4s; transition: .4s; width: 10px; border-radius: 5px; height: 30px; top: 2px; } .customize-control-toggle .checked-toggle-control .toggle-button { background-color: #1d2c33; border-radius: 3px; vertical-align: top; } .customize-control-toggle .checked-toggle-control .toggle-button:before { height: 30px; width: 11px; left: 2px; left: 21px; top: 2px; border-radius: 4px; display: inline-block; } .customize-control-toggle .on{ color: #fff; padding: 7px 0 0 10px; display: inline-block; } .customize-control-toggle .off { color: #1d2c33; font-weight: bold; margin-left: -4px; } .customize-control-toggle .toggle-button:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); } .toggle-button .on{ visibility: hidden; } .checked-toggle-control .on { visibility: visible; } /*** **/ #sub-accordion-section-innerpages_archive_page_section .customize-control-toggle, #sub-accordion-section-innerpages_single_page_section .customize-control-toggle{ padding-top: 10px; border-top: 2px solid #e1e1e1; }