Існують теми в режимі 2 стовпців, де верхній і нижній колонтитули розташовані ліворуч або праворуч, наприклад 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) кнопка для збереження змін у студії.
Тепер оновіть сайт, щоб переглянути зміни на сайті.