设置行内列的背景

为列添加背景可增强您的设计灵活性，使您能够创建与商店品牌相符的视觉上不同的部分。它有助于有效地区分内容、提高可读性并突出显示关键元素。

如何设置行内列的背景？

GemPages 已经支持设置 行元素 容易。 

您可以利用此功能按照以下简单方法设置行内列的背景。

选项 1：通过在列中嵌套行来设置背景

第三步： 在编辑器中，从左侧边栏拖放一个 Row 元素。例如，创建一个包含三列的行。

第三步： 在每一列内嵌套一个新行。根据需要向每一列添加内容。

第三步： 点击您在步骤 2 中创建的每个嵌套行，以打开其设置。向下滚动到 背景 部分，然后点击旁边的框 颜色 用于背景颜色配置。

注意： 此方法最适合嵌套行高度相等的情况。如果每列中的内容大小不一，则可能会导致背景不均匀。

选项 2：使用自定义代码设置列的背景

此方法涉及添加自定义代码来单独设置每列的背景颜色。 

按着这些次序：

第三步： 在每一列内添加一个嵌套行。根据需要向每个嵌套行添加内容。

第三步： 右键单击主 Row 元素的标签并选择 自定义代码.

第三步： 在代码编辑器对话框中，找到 的CSS 选项卡并添加以下自定义代码：

[data-component-tag="Col"] {

  background-color: #yourdesiredcolor;

}

更换 #yourdesiredcolor 使用您想要的颜色代码。例如，使用颜色代码 #FFBAAD，然后点击 已保存 按钮。

第三步： 检查结果、保存并发布以使您的配置生效。