Не могу выровнять div по горизонтали - PullRequest
Новая
       7

Не могу выровнять div по горизонтали

0 голосов
/ 18 мая 2018

Я добавляю некоторые новые функции на этот сайт здесь и добавил уведомление о файлах cookie.

Как вы можете видеть, это в настоящее время внизу страницы.

Теперь я хочу, чтобы это было шириной всего около 1500 пикселей и центрировало всю заметку.Я перепробовал множество техник для достижения этой цели, но, похоже, он центрирован влево, и, возможно, это из-за окна живого чата.Я не совсем уверен, почему это происходит или как я могу вообще обойти это.

Это самый последний код, который я пробовал 

#cookie-notice.cn-bottom.wp-default {
color: #fff;
font-family: lato;
font-style: normal;
height: 80px;
font-size: 16px;
background-color: #406639 !important;
/* display: block; */
display: block;
margin-left: auto;
margin-right: auto;
/* width: 50%; */

Что-то еще, что я пытался достичьКогда вы добавляете опцию в плагин, чтобы уведомление о куки было вверху, это перекрывает зеленую верхнюю навигацию, которая уже есть.Я пытался использовать position:relative и position:absolute и другие CSS, чтобы попытаться сделать так, чтобы это плавало вверху страницы и ничего не перекрывало.Таким образом, порядок будет следующим:

  • УВЕДОМЛЕНИЕ О ПЕЧЕНИИ
  • ЗЕЛЕНЫЙ ТОП-БАР
  • NAV-BAR

, тогда, когда кукипо согласованию, уведомление исчезнет, ​​а зеленая верхняя панель будет сверху.При этом уведомление о печенье и зеленый верхний бар просто перекрываются.

1 Ответ

0 голосов
/ 18 мая 2018

Удаление высоты из вашего #cookie-notice div и добавление верхнего / нижнего отступа будет лучшим подходом для решения этой проблемы.Попробуйте этот код. 

#cookie-notice.cn-bottom.wp-default {
    color: #fff;
    font-family: lato;
    font-style: normal;
    font-size: 16px;
    background-color: #406639 !important;
    display: block;
    padding: 20px 0;
}
...