Як змінити ширину шапки wordpress

CMSONY Дизайн сайту, технології своїми руками. Записи про WordPress. Новини CMS
шапка wordpress

Шапка сайту - один з найважливіших елементів будь-якого веб-ресурсу. Розташована шапка у верхній частині сторінки і призначена для того, щоб користувач міг зрозуміти, який темі присвячено даний сайт.

Ширину шапки сайту на WordPress змінити досить легко.

Будемо розглядати нашу шапку як що складається з двох частин:

  • Перша складова шапки сайту WordPress - це заголовок сайту і короткий опис сайту на сторінці.
  • Друга складова шапки сайту WordPress - це зображення.

Як змінити ширину шапки wordpress

Зміна розмірів першої складової шапки WordPress.

Отже, тепер більш детально поясню, що ми змінили. рядок:

відповідає за розташування заголовка сайту на сторінці. Ми поміняли значення 3.654em на 2em. тобто зменшили відстань від верхнього краю сторінки до заголовка (в нашому прикладі це «Золотий серфер»).

Як змінити ширину шапки wordpress

відповідає за розташування короткого опису сайту. Ми поміняли значення 3.654em на 1.5em. тобто зменшили відстань від краю зображення другої складової шапки (в нашому прикладі це «Кращі безкоштовні CMS інтернету»).

Крім, зміни розміру першої складової шапки сайту, в частині коду під назвою / * = Header. можна відредагувати в рядку # site-title a наступні параметри:

  • color: # 111; - рядок відповідає за колір шрифту заголовка сайту.
  • font-size: 30px; - рядок відповідає за розмір букв шрифту заголовка сайту.
  • font-weight: bold; - рядок відповідає за насиченість шрифту bold - напівжирний шрифт, bolder - жирне зображення; lighter - світле накреслення, normal - нормальне накреслення.
  • line-height: 36px; - рядок відповідає за міжрядковий інтервал тексту.
  • text-decoration: none; - рядок додає оформлення тексту у вигляді його підкреслення, перекреслення, лінії над текстом і миготіння.

Такі ж, параметри можна відредагувати до рядка опису сайту WordPress # site-description.

Схожі записи:

Підкажіть яку саме частину коду потрібно видалити, щоб прибрати заголовок і опис з шапки, а то вони мені поділяють саму шапку чорною смугою.

Не раджу, але якщо треба то ось такі рядки div id site-title і div id site-description

Добридень!
site-description знаходиться посередині шапки, виношу його під назву сайту (за допомогою margin-left), у мене кнопка (назва сайту) не доступна стає.