So machen Sie Karussell-Navigationspunkte transparent mit einem weißen Rand 

Standardmäßig werden die inaktiven Navigationspunkte im Karussell-Element von GemPages grau und ohne Rahmen dargestellt. Für ein klareres oder moderneres Erscheinungsbild können Sie diese Punkte mithilfe von benutzerdefiniertem CSS transparent mit einem weißen Rahmen gestalten.

Diese Anleitung führt Sie Schritt für Schritt durch den Prozess. Nach Befolgen dieser Anleitung werden die inaktiven Navigationspunkte Ihres Karussells wie folgt aussehen:

• Einen transparenten Hintergrund haben
• Zeige einen weißen Rand an
• Ein saubereres, minimalistischeres Design beibehalten

Schritt 1: Fügen Sie dem Karussell-Element benutzerdefiniertes CSS hinzu

• Öffnen Sie Ihre Seite im GemPages-Editor
• Klicken Sie auf Karussell-Element
• Klicken Sie mit der rechten Maustaste und wählen Sie Benutzerdefinierter Code

• Fügen Sie im Bereich „Benutzerdefinierter Code“ folgenden CSS-Code ein:

ElementClass .gp-carousel-dot-container button {

 Rahmen: 1px durchgezogen #fff;

}

• Ersetzen ElementKlasse mit der tatsächlichen Klasse Ihres Karussell-Elements

Schritt 2: Inaktive Navigationspunkte transparent machen.

Anstatt CSS zu verwenden, können Sie diese Einstellung direkt im Editor aktualisieren:

• Klicken Sie auf Karussell-Element
• Gehen Sie zur Dots Einstellungsfeld
• Finden Sie die Inaktiv Farbe ganz ohne irgendetwas tun oder drücken zu müssen.
• Stelle die Farbe ein auf Transparent

Dadurch wird der standardmäßige graue Hintergrund inaktiver Punkte entfernt.