YouTube ВК.Видео Дзен RuTube Kinescope MP4

В ролике выше мы разбираем, как настраивать размеры, отступы и позиционирование элементов на сайте WordPress с помощью CSS.

Показываем, как изменять ширину блоков и сайта, управлять внутренними и внешними отступами (margin и padding), а также правильно выравнивать элементы и настраивать их расположение.

Основные свойства:

margin — определяет внешние отступы

body {
    margin: 10px;
    margin: 10px 20px 30px 40px;
}

padding — определяет внутренние отступы

body {
    padding: 0;
    padding: 10px 20px;
}

width — устанавливает ширину элемента

body {
    width: 5em;
    width: 50%;
}

height — устанавливает высоту элемента

body {
    width: 5em;
    width: 50%;
}

display — тип отображения блока

body {
    display: inline;
    display: none;
}

position — задает способ позиционирования элемента

body {
    position: static;
    position: sticky;
}

Более подробное руководство по CSS доступно на WPCourses.

Если вы используете тему от WPShop, внести изменения можно через раздел Внешний вид > Настроить > Дополнительные стили или через дочернюю тему.

Как поменять размеры, отступы, позиционирование