如何修改WordPress的CSS＆＃34; Amadeus＆＃34;主题集中在哪里？

Question

我在使用Wordpress中的主题和＃34; Amadeus＆＃34;中心和对齐主题时遇到了真正的困难。该网站是heidikaloustian.com。我想要.content-area的宽度为740px并将其居中，菜单应该左对齐，菜单根据模型右对齐。帮助，我错过了什么？

中心设计的样机;

Answer 1

这是一个开始：

/* 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，因此我将整个页面内容和标题设置为该宽度，并显示您在模型中显示的外观。

Answer 2

您可以做的是：

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

.site-header {
    display: flex;
}

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

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

您需要从站点标题和主导航中删除容器类。 另外请记住添加flexbox前缀，以防您支持其他浏览器。