2016-09-18 9 views
-2

У меня возникают проблемы с центрированием и выравниванием темы в Wordpress под названием «Amadeus». Веб-сайт: heidikaloustian.com. Я хочу, чтобы ширина области .content составляла 740 пикселей и центрировала ее, меню должно быть выровнено влево, а меню выровнено в соответствии с макетом. Помогите, что мне не хватает?Как изменить CSS-тему WordPress «Amadeus», которая будет сосредоточена?

Макет центрированного дизайна; Mockup of centered design

+0

Пожалуйста, включите код в свой вопрос. Предоставление ссылки на активный сайт слишком проблематично: это движущаяся цель, когда вы пытаетесь ее исправить, и это делает вопрос нерелевантным для людей, рассматривающих вопрос, как только проблема будет решена. Пожалуйста, примите [Tour] (https://stackoverflow.com/tour), чтобы узнать, как лучше задавать вопросы. –

ответ

0

Вот начало для вас:

/* Line 1117 in style.css */ 
.site-header { 
    text-align: left; 
    background-color: #fff; 
    width: 740px; 
    margin: auto; 
} 
/* Line 1199 in style.css */ 
.site-content { 
    text-align: center; 
    margin-top: 0px; 
    width: 740px; 
} 

Поскольку ваше содержание ограничено 740px я устанавливаю все содержимое страницы и заголовок этой ширины, и это дает вид вы показать в вашем макете.

+0

Удивительный. Я просто проверил это с помощью консоли разработчика, и он работает в значительной степени, как и ожидалось для выравнивания по центру. Я сделал изменение, которое меняется от ширины до максимальной ширины, чтобы убедиться, что сайт остается отзывчивым. – Dominik

0

Что вы можете сделать, это следующее:

#page { 
    width: 740px; 
    margin: 0 auto; 
} 

.site-header { 
    display: flex; 
} 

.main-navigation { 
    align-self: flex-end; 
} 

.main-navigation li { 
    padding: 14px; 
} 

Вам нужно будет удалить класс контейнера из заголовка сайта и от главного-навигации. Также не забудьте добавить префиксы flexbox, если вы собираетесь поддерживать другие браузеры.