Por padrão, os pontos de navegação inativos no elemento Carrossel do GemPages aparecem em cinza e sem borda. Se você deseja uma aparência mais limpa ou moderna, pode personalizar esses pontos para que fiquem transparentes com uma borda branca usando CSS personalizado.
Este guia irá orientá-lo passo a passo durante todo o processo. Após seguir este guia, os pontos de navegação inativos do seu carrossel irão:
- Possui um fundo transparente
- Exibir uma borda branca
- Mantenha um design mais limpo e minimalista.
Passo 1: Adicione CSS personalizado ao elemento Carrossel
- Abra sua página no Editor de GemPages
- Clique no Elemento carrossel
- Clique com o botão direito e selecione Código personalizado
- No painel Código Personalizado, cole o seguinte CSS:
ElementClass .gp-carousel-dot-container botão { borda: 1px sólida #fff; }
- Substituir Classe Elemento com a classe real do seu elemento Carrossel
Passo 2: Altere os pontos de navegação inativos para transparentes.
Em vez de usar CSS, você pode atualizar essa configuração diretamente no editor:
- Clique no Elemento carrossel
- Vou ao dots painel de configurações
- Encontre o Inativo cor opção
- Defina a cor para Transparente
Isso remove o fundo cinza padrão dos pontos inativos.
Obrigado por seus comentários