Уменьшите ширину боковой панели в темах с двумя колонками

Существуют темы в двухколоночном режиме, где верхний и нижний колонтитулы находятся либо слева, либо справа, например Halo, Nova, Metro, Bloom.

Для таких тем по умолчанию система устанавливает ширину боковой панели на уровне 250 пикселей . Однако вы можете изменить ширину с помощью переопределения CSS.


Выполните следующие действия, чтобы изменить ширину боковой панели:

  • Скопируйте полное переопределение CSS, упомянутое ниже.
<style>
.column-2-container .sidebar {width: 150px;}
.column-2-container .stage-spacing { position: relative; 
margin-left: 150px; width: calc(100% - 150px);}
.halo-header .user-logo {   min-width: 100px;}
</style>

Примечание: Здесь мы изменили ширину до 150 пикселей .


  • Скопировав соответствующий код, перейдите к Настройки (1).
  • В  Внешние скрипты (2), вставьте код в раздел (3).
  • Хит Сохранено (4) кнопка сохранения изменений в студии.

Теперь обновите сайт, чтобы просмотреть изменения на действующем сайте.

 

Не можете найти то, что ищете?

Свяжитесь с экспертом Pixpa.

Pixpa Studio только что обновили. В данный момент мы обновляем скриншоты всех справочных статей.