如何使轮播导航圆点透明并带有白色边框 

默认情况下，GemPages 轮播元素中未激活的导航点显示为灰色且没有边框。如果您想要更简洁或更现代的外观，可以使用自定义 CSS 将这些导航点设置为透明并带有白色边框。

本指南将逐步引导您完成此过程。按照本指南操作后，您的轮播图导航点将不再处于活动状态，而是：

• 具有透明背景
• 显示白色边框
• 保持更简洁、更简约的设计

步骤 1：向轮播元素添加自定义 CSS

• 在 GemPages 编辑器
• 点击 轮播元素
• 右键单击并选择 自定义代码

• 在“自定义代码”面板中，粘贴以下 CSS 代码：

ElementClass .gp-carousel-dot-container button {

 边框：1px实线#fff；

}

• 更换 元素类 使用您的轮播元素的实际类

步骤 2：将不活动的导航点设置为透明

除了使用 CSS，您还可以直接在编辑器中更新此设置：

• 点击 轮播元素
• 去 点 设置面板
• 为您的 过去的 颜色 选择
• 将颜色设置为 透明

这样可以移除非活动圆点的默认灰色背景。