首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >WordPress站点页面和帖子(左、右)的填充调整

WordPress站点页面和帖子(左、右)的填充调整
EN

Stack Overflow用户
提问于 2019-08-17 13:47:21
回答 2查看 54关注 0票数 0

我有一个关于调整我的WordPress站点(ethicen.com)的所有页面和帖子的内容区域的左右填充的问题。我想在我的网站的每一页/帖子的内容区域的左侧和右侧增加填充,这样文本的每一段都会更窄/更少,从而更容易阅读。

如果您能提供任何帮助,我们将不胜感激!

谢谢!

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2019-08-17 14:02:40

要在全球范围内添加CSS,可以从.仪表板>外观>编辑CSS.

附加CSS中,您可以这样做。

代码语言:javascript
复制
.content-area{
    padding-left: 50px;
    padding-right: 50px;
}

对于最好的移动视图,还可以添加媒体查询。

代码语言:javascript
复制
@media only screen and (max-width: 420px) {

 .content-area{
        padding-left: 10px;
        padding-right: 10px;
    }

}

您可以根据您的口味更改填充值和屏幕最大宽度:)

票数 0
EN

Stack Overflow用户

发布于 2019-08-17 14:08:47

在内容区域使用此css。为了防止更高的填充显示在较小的屏幕(如智能手机),它只添加到标准的引导断点(在您的网站中使用)的最小宽度为992 of。

代码语言:javascript
复制
@media (min-width: 992px) {
  .content-area {
    padding-left: 45px;   /* or another value */
    padding-right: 45px;  /* or another value */
  }
}

在你的网站上的引导将做剩下的。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/57536861

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档