Шаблон на Wordpress

Статус
Закрыто для дальнейших ответов.

megavip

Новичок
Регистрация
20.01.2019
Сообщения
2
Здравствуйте. Есть шаблон на Wordpress ссылка Как сделать чтобы он при уменьшении масштаба в браузере не уходил влево, а всегда оставался по центру, что и где конкретно нужно изменить в коде?
 

BaNru

Пацифизжу
Команда форума
Регистрация
13.11.2010
Сообщения
4 153
Чтобы отцентровать контентную часть, надо изменить следующий код в CSS
Код:
#casing {
    padding: 0px 0px;
    width: 740px;
    margin: 0px auto;
    /* float: left; */
}
Но из-за того, что сайдбар фиксированной позиции - ничего хорошего не получится.
Дальше вариант либо на JS, либо сделать сайдбар не фиксированным.
В случае второго варианта необходимо блок id="masthead" переместить во внутрь id="casing"
Должна получиться вот такая структура

И меняем следующие стили
Код:
#casing {
    padding: 0px 0px;
    width: 1000px;
    margin: 0px auto;
}
#masthead {
    width: 230px;
    float: left;
    margin-right: 20px;
}
 

megavip

Новичок
Регистрация
20.01.2019
Сообщения
2
Спасибо, вы мне очень помогли, у меня еще один вопрос, как создать такой же сайдбар справа?
 

BaNru

Пацифизжу
Команда форума
Регистрация
13.11.2010
Сообщения
4 153
1) Заменяете в CSS везде #masthead на класс .masthead
В html коде соответственно на class="masthead"
Чтобы работали скрипты надо оставить и id и class
Будет типа
Код:
<div class="masthead" id="masthead">
2) После блока class="incasing" вставляете копию сайдбара masthead (это уже с классом будет, а не с ID; см. 1 пункт).

3) В стилях увеличиваете ширину #casing до width: 1250px; , то есть на ширину вставляемого сайдбара

Если что-то не заработает, то дальше помощь только после того, как выложите в сеть (дадите ссылку) на то что уже есть, чтобы найти ошибку непосредственно у вас.
 
Статус
Закрыто для дальнейших ответов.
Верх Низ