如何将轮播图中的圆点左对齐

默认情况下，GemPages 中的轮播图圆点通常位于轮播图下方居中位置。但是，根据您的布局和设计风格，您可能希望将圆点对齐到左侧。

本文将向您展示如何使用简单的自定义 CSS 代码在 GemPages 中将轮播图的圆点左对齐，无需任何编码经验。

为什么轮播图中的圆点要左对齐？

在某些布局中，左对齐的轮播图点可以帮助提高设计一致性和用户体验。

以下是一些常见用例：

1. 匹配左对齐的内容布局

如果标题、正文和按钮都左对齐，居中的圆点可能会显得视觉不一致。将圆点左对齐可以使布局更简洁、更平衡。

2. 打造现代简约设计

许多现代网站设计采用左对齐的导航元素，以营造更专业、更具编辑风格的外观。

3. 改善移动端布局间距

在移动设备上，左对齐的点可能更适合堆叠的内容，并避免尴尬的间距。

如何将轮播图中的圆点左对齐

步骤 1：选择轮播元素

在 GemPages 编辑器中，单击要使圆点左对齐的轮播元素。

步骤 2：打开自定义代码面板

右键单击轮播元素，然后选择 自定义代码.

自定义代码面板将会出现。

步骤 3：添加 CSS 代码

将以下 CSS 代码添加到“自定义代码”字段中：

.gL5w7OAVEa .gp-carousel-dot-container {

 justify-content: 开始！重要;

}

计费示例：

.YOUR_ELEMENT_ID .gp-carousel-dot-container {

 justify-content: 开始！重要;

}

这样可以确保自定义样式仅应用于您选择的特定轮播元素。