Как убрать отступы с левой и правой стороны?

Question

Как убрать отступы с левой и правой стороны?

15 окт. 2015 г., 14:31:49

Просмотры: 34K

Голосов: 1

Я использую тему Make от ThemeFoundry. Хочу убрать отступы с обеих сторон отступы по бокам страницы

Я добавил этот код в файл style.css под тег body

{
    margin-left: 0px;
    margin-right: 0px;
}

затем попробовал этот код, но ничего не произошло.

body { padding:0; }

chiku

13

темы css

Комментарии

это не вопрос по WordPress, и его лучше задать на stackoverflow, который специализируется на вопросах по html/css... Также вам нужно будет указать URL, чтобы у комментаторов была возможность помочь.

Gareth Gillman

15 окт. 2015 г. 16:13:18

Все ответы на вопрос

Комментарии

Крайне извиняюсь за поздний ответ, потому что у меня сгорел блок питания компьютера. Теперь к теме: сайт http://chiku.pe.hu/

chiku

17 окт. 2015 г. 23:00:15

что я пробовал: чтобы убрать белое пространство в шапке, я добавил {margin left: -10px;} этот код к div шапки. Успешно убрал пространство слева, но проблема в том, что с правой стороны появилось серое пространство, смотрите изображение здесь http://s29.postimg.org/3lgj9jy3b/untitled.jpg

chiku

17 окт. 2015 г. 23:08:29

проблема с использованием отрицательного отступа в том, что ты по сути сдвигаешь шапку влево, из-за чего серый фон становится виден справа. Сейчас обновлю свой ответ о том, как правильно убрать отступы

Cai

18 окт. 2015 г. 10:37:41

Cai 613 · Accepted Answer · 2015-10-15T16:02:29Z

Используйте инструменты разработчика в вашем браузере (например, инспектор в Chrome или Firebug в Firefox), чтобы увидеть, откуда берутся отступы.

Либо отступы применяются к чему-то другому, кроме body, либо они применяются к body, но всё равно переопределяют ваш CSS. Например:

body.class {
    padding: 20px;
}

переопределит ваш CSS. Или

body {
    padding: 20px;
}

объявленный после вашего CSS всё равно переопределит его.

Обновление:

С помощью инструментов разработчика вы можете увидеть, где применяются отступы. Отступы заголовка исходят от div с классом .container, как видно здесь:

Отступы .container

Отступы body происходят из двух мест: div с классом .site-content, а затем div с классом .container, как видно здесь:

Отступы .site-content Отступы .container

Как удалить (или уменьшить) эти отступы, зависит от того, как вы редактируете CSS. Если вы работаете с основным файлом style.css, вам нужно изменить CSS для .container на строке 471 и .site-content на строке 1265. Вы можете увидеть файл и номер строки CSS в правом верхнем углу CSS в инструментах разработчика.

Я вижу, что тема также имеет пользовательский CSS, поэтому, если вы используете его, вам нужно добавить следующее в пользовательский CSS:

.container, .infinite-footer-container, .page-template-template-builder-php .entry-content > .twitter-share {
    padding: 0 10px;
}
.site-content {
    padding: 0;
}

Очевидно, измените отступы на те, которые вам нужны.

Надеюсь, это поможет (и всё понятно).