Как убрать отступ в 32px для админбара сверху страницы для авторизованного пользователя
В общем, задача такая — убрать базовые стили, которые задаются самим движком CMS WordPress для залогиненного юзера, чтобы админбар не влиял на высоту первого блока (чтобы не воровал высоту у первого блока на странице). То есть, если убрать эти базовые стили, то админбар будет перекрывать часть страницы без какого-либо отступа.
Вот такие стили мы уберем (хотя их убирать нужно в очень редких случаях, в 99% это не нужно вовсе):
html < margin-top: 32px !important; >@media screen and ( max-width: 782px ) < html < margin-top: 46px !important; >>
В файл functions.php добавляем такую функцию:
function remove_admin_login_header() < remove_action('wp_head', '_admin_bar_bump_cb'); >add_action('get_header', 'remove_admin_login_header');
Но есть еще лучший способ убрать отступ для html — добавить add_theme_support для панели администратора с обратным вызовом ‘__return_false’ , тогда WordPress никогда не вызовет _admin_bar_bump_cb , которое отвечает за добавление в исходный код margin-top:32px .
add_theme_support( 'admin-bar', array( 'callback' => '__return_false' ) );
При этом, если у вас на сайте хедер или какой-то блок имеет фиксированную позицию к верху страницы, тогда я рекомендую добавлять такие стили, чтобы админбар не перекрывал хедер, и тот размещался сразу под админпанелью:
.admin-bar .header < top: 32px; >@media screen and ( max-width: 782px ) < .admin-bar .header < top: 46px; >>
Итак, сайт новый, только развернули, каталог wp-content/uploads/ даже не создан. При загрузке изображений выдается ошибка…
Задача — запретить индексировать поисковиками страниц пагинации, то есть чтобы первая страница категории была открыта…
Суть задачи — разрешить поисковикам посещать все страницы категории, но при этом указывать, что для…
Суть задачи — убрать описание со страниц пагинации в категориях, то есть, чтобы описание категории…
Как убрать отступ сверху css
В CSS отступ сверху можно сделать с помощью следующих свойств:
- padding-top — установка внутреннего отступа
- margin-top — установка внешнего отступа
Основное отличие в том, в какую сторону направлен отступ. При использовании padding отступ будет внутри блока, следовательно, контент в блоке будет сдвинут на то значение, которое указано в свойстве. При использовании margin отступ создаётся от всего блока. Оба свойства можно использовать одновременно, создавая и внутренний и внешний отступ для элемента
.content margin-top: 20px; > Чтобы сбросить отступ, необходимо указать значение 0 нужному типу отступа:
.content padding-top: 0; > Шапка сайта: убрать отступ сверху
Вот css к элементу
#head
Как убрать верхний отступ?
Отслеживать
9,335 6 6 золотых знаков 24 24 серебряных знака 57 57 бронзовых знаков
задан 1 мая 2013 в 20:14
3,329 6 6 золотых знаков 31 31 серебряный знак 54 54 бронзовых знака
почему у людей работает margin: 0; а у меня нет. только margin -16px; убирает отступ, но появляется полоса прокрутки
4 авг 2014 в 14:24
4 ответа 4
Сортировка: Сброс на вариант по умолчанию
body
Отслеживать
ответ дан 1 мая 2013 в 20:25
18.1k 20 20 серебряных знаков 42 42 бронзовых знака
Как-то так, я думаю, возможно.
Отслеживать
9,335 6 6 золотых знаков 24 24 серебряных знака 57 57 бронзовых знаков
ответ дан 2 июл 2017 в 19:15
43 1 1 серебряный знак 5 5 бронзовых знаков
Еще встретился баг: если у первого элемента в блоке ‘header’ задано свойство margin-top, он может тянуть за собой весь блок. Чтобы избежать этого, нужно задать верхний отступ первого элемента ‘padding-top’ вместо ‘margin-top’.
Отслеживать
ответ дан 5 ноя 2020 в 13:30
26 3 3 бронзовых знака
У меня ошибка была из-за такого кода
.header h1 < padding-top: 25px; /* Отступ от верхнего края блока */ margin-bottom: -20px; /* Расстояние между заголовком и обычным текстом */>Пропущенная запятая при группировке в файле CSS. Стили относились к шрифтам внутри хедера. Исправило ситуацию: .header, h1
Отслеживать
Highly active question. Earn 10 reputation (not counting the association bonus) in order to answer this question. The reputation requirement helps protect this question from spam and non-answer activity.
- html
- css
- вёрстка
-
Важное на Мете
Похожие
Подписаться на ленту
Лента вопроса
Для подписки на ленту скопируйте и вставьте эту ссылку в вашу программу для чтения RSS.
Дизайн сайта / логотип © 2023 Stack Exchange Inc; пользовательские материалы лицензированы в соответствии с CC BY-SA . rev 2023.11.15.1019
Нажимая «Принять все файлы cookie» вы соглашаетесь, что Stack Exchange может хранить файлы cookie на вашем устройстве и раскрывать информацию в соответствии с нашей Политикой в отношении файлов cookie.
Как убрать отступ вверху сайта?
Есть такой устаревший тег dir https://developer.mozilla.org/en-US/docs/Web/HTML/. — он в браузерных стилях по умолчанию имеет отступы сверху и снизу (стили одинаковы для ul, menu, dir). Зачем его используете (dir )? Очепятка?
Из косяков header не закрыт и background-attachment: relative сами придумали?
Для .header в background после url зачем точка с запятой?
https://validator.w3.org/ — избавил бы сразу ото всех этих вопросов.
Ответ написан более трёх лет назад
Нравится 1 3 комментария
Олег @destroer18 Автор вопроса
если убираю «;» background: url(..//img/header_bg.jpg); <-- то у меня пропадает картинка с бг.
clearfix это забыл убрать, то были пробы пофиксить тот отступ.
background-attachment: relative уже убрал понял что фигню написал.
А чем заменить dir, я просто не так давно начал изучать (недели 2 назад) еще не опытен.
Вадим Кот @vadimkot Куратор тега CSS
Олег, Вместо dir должен быть обычный div и тег header закройте. И всегда проверяйте разметку на https://validator.w3.org/#validate_by_input — валидатор укажет на все ошибки.
.header < height: 500px; background: url(../img/header_bg.png) no-repeat; background-position: center center; >Олег @destroer18 Автор вопроса
vadimkot, спасибо, это была опечатка, а я голову ломаю что у меня дальше не сходится. Спасибо что подсказали ошибку. По поводу header, это я по ошибке когда добавлял код на сайт стер закрывающий тег. Но вот с dir большое спасибо.