如何更改某些段落或标题块的宽度?

时间:2019-10-22 作者:Silbernagel Enterprises

大多数时候,我喜欢在我的网站的整个宽度上设置块(https://princetonfireandsafety.com/), 但有时我只想有一个没有那么大的标题或段落块。就像如果文本只有一行或两行,那么整个页面看起来都很奇怪(例如,我页面上标题为“你知道商店购买的灭火器仍然需要为你的业务认证吗?”我只想比它上面的中间一栏宽一点)。

我不知道如何实现这一目标。我是否忽略了块编辑器的选项?是否需要完成一些CSS/HTML?或者有没有一个插件可以让这更容易?

如果有必要的话,我正在使用OceanWP主题。

2 个回复
SO网友:Ollie

向块中添加类

然后可以使用css设置块的宽度,如下所示:

.your-block-class {
width: 70%;
}
将上述css代码添加到主题自定义css字段或样式中。外观>主题编辑器中的css文件。如果以后使用,请确保使用子主题。当然,用您创建的类名替换上面的块类
SO网友:marklchaves

你绝对可以使用CSS 如前所述。

在去CSS 路由--您可能想使用columns 就像你上面的三列“你知道那家商店买了什么吗…”截面。使用内置column layouts 而不是custom CSS 从长远来看,规模可能会更好。

下面是使用Gutenberg.

https://imgur.com/a/RPkDur6

在第二行,我使用了一个Gutenberg 3列块,宽度大约为5%-90%-5%。

您可以将相同的概念用于任何page builder 支持column layouts

我希望这有帮助。