WordPress元素或页面生成器布局:将全宽部分数据与方框部分大小对齐

Question

我有一个WordPress元素或页面生成器布局相关的问题。我有一节有两列。一列有背景色，我需要这个背景色来填充全屏(全宽布局(，但列内的内容只能和网站框的宽度一样宽。

将节设置为使用全宽布局时，它也会拉伸内容的全宽。将节设置为使用框式布局，也会框式显示背景颜色。我试着将该部分设置为使用盒装布局，但启用了"拉伸部分"，它什么也没做，该部分看起来仍然是盒装的。

请在此处查看插图：https://ibb.co/sWBSBG1

任何关于如何实现这一目标的想法或帮助都将不胜感激。

Answer 1

你可以走两条路：

1. 制作一个包含四列的全宽部分，调整两个中心列的宽度，就像正常的两列布局一样。然后将背景应用于第三列(带文本的列(和第四列。

2. 制作一个全宽部分，然后使用填充来调整内容的宽度。您还可以为桌面和移动设备使用不同的填充。您也可以通过提供secion和类或id来使用css，然后使用类似的东西：

   #mysectionid{填充：0.5%；}

   @媒体屏幕和(最大宽度：600px({#mysectionid{填充：0 10px；}}

Answer 2

1. 添加一个包含2列的部分。将剖面更改为全宽布局。将背景色或背景图像添加到所需的列中。

2. 添加一个内部截面，在每个全宽截面列中包含2列。在内部部分的每个内部列上添加一个自定义类，其站点宽度除以2。例如，我的网站宽度是1300px，所以我在每个内部列中添加了一个css类，宽度为650px。

   .我的半部分{宽度：650px！重要的最大宽度：650px！重要的最小宽度：650px！重要的}

内部列的外部列将用作边距，以保持列数据的内联宽度——任何屏幕大小的网站框宽度。