如何修改WordPress的“Amadeus”主题的CSS为中心？

-2

我有一个真正的困难，在Wordpress中定位和对齐一个名为“Amadeus”的主题。该网站是heidikaloustian.com。我希望740px的.content-area的宽度居中，菜单应该左对齐，菜单右对齐根据模型。帮助，我错过了什么？如何修改WordPress的“Amadeus”主题的CSS为中心？

居中设计的样机;

来源

2016-09-18 Dominik

请在您的问题中包含代码。提供到活动网站的链接有太多问题：当您尝试修复它时，它是一个移动的目标，并且一旦问题得到解决，问题就不会与人们查看问题无关。请参考[Tour]（https://stackoverflow.com/tour）了解如何提出最佳问题。 –

这里是一个开始你：

/* 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我设置整个页面内容和标题，宽度和它给你在你的实体模型显示的样子。

来源

2016-09-18 21:08:22 Chizzle

太棒了。我只是用开发者控制台检查过它，它的工作方式与中心对齐的预期非常相似。为了确保网站的响应速度，我做了一个从宽度变为最大宽度的更改。 – Dominik

你可以做的是：

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

.site-header { 
    display: flex; 
} 

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

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

您需要从网站标题和主导航取出容器类。还记得添加flexbox前缀，以防您要支持其他浏览器。

来源

2016-09-18 21:22:04 PennyBirman

如何修改WordPress的“Amadeus”主题的CSS为中心？

回答

相关问题