wordpress 如何在Twenty Twenty One主题中实现内容区域的全宽？

7qhs6swi 于 12个月前发布在 WordPress

关注(0)|答案(3)|浏览(125)

我有一个孩子二十二十一主题，我想在充分的内容领域。我不想使用任何插件。我已经搜索，发现在CSS中添加以下代码可能会工作，但对我来说，它不工作。
如果可能的话，如何使用css？
只是为了澄清，在2021年，页眉，页脚等比主要内容区域（如帖子内容，页面内容等）更宽。
我们如何使内容区域（文章，页面，列表）与页眉/页脚具有相同的宽度？
x1c 0d1x的数据

.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
max-width: 87rem;
width: calc(100% - 8rem);
}

字符串

wordpress

来源：https://stackoverflow.com/questions/70202678/how-to-make-content-area-in-full-width-in-twenty-twenty-one-theme

3条答案

按热度按时间

62o28rlo1#

在WordPress中更改样式，您需要使用检查代码并获取CSS定义，然后修改它。这并不难。尝试以下代码，您可以在我的博客上看到有关https://ajaytechie.com/wordpress/how-to-change-width-of-post-content-area-in-twenty-twenty-one-wordpress-theme.html的更多解释，您也可以看到它的实际应用。

/* Change the content width to be same as header/nav/footer's width */
@media only screen and (min-width: 822px) {
    :root {
        --responsive--aligndefault-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 1240px);
    }
}

字符串

赞(0）回复(0）举报 12个月前

zd287kbt2#

请使用以下样式

.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce) {
      width: 100%;
      max-width: 1240px;
    }

字符串

赞(0）回复(0）举报 12个月前

r9f1avp53#

有选项来改变容器的宽度，无需添加css。悬停在外观上，然后转到编辑器，然后转到样式，点击铅笔图标，在右边你可以看到布局，只需点击。
现在你可以在标题'wide'下改变宽度。
https://drive.google.com/file/d/18jmFz2pQknwEy_Z5tBj9ENlGeu88PbLS/view?pli=1

赞(0）回复(0）举报 12个月前

我来回答

wordpress 如何在Twenty Twenty One主题中实现内容区域的全宽？

3条答案

相关问题

热门标签

最新问答