Benutzerdefiniertes CSS

Plan: Nur für Unternehmen

Was es tut

Ermöglicht das Einfügen Ihres eigenen CSS-Codes für eine vollständige Designkontrolle. Dies geht über die integrierten Einstellungen zur pixelgenauen Anpassung hinaus.

Wo man benutzerdefiniertes CSS hinzufügt

Öffnen Sie den Theme-Editor
Klicken Sie auf den Block Layout der Produktbeschreibung
Scrollen Sie zu Erweiterte Einstellungen
Suchen Sie den Textbereich Benutzerdefiniertes CSS
Schreiben Sie Ihr CSS und speichern Sie es

CSS-Selektoren

Die App verwendet bereichsbezogene Klassennamen. Einige gängige Selektoren:

„css
/ Tabulatortasten /
.pdl-tabs-header .pdl-tab-button { }
.pdl-tabs-header .pdl-tab-button.active { }

/ Akkordeon-Header /
.pdl-accordion-header { }
.pdl-accordion-content { }

/ Rasterkarten /
.pdl-grid-card { }

/ FAQ-Fragen /
.pdl-faq-question { }
.pdl-faq-answer { }

/ Allgemeiner Inhaltsbereich /
.pdl-content { }
.pdl-heading { }
„

Beispiele

Benutzerdefinierte Tab-Unterstreichungsfarbe

„css .pdl-tab-button.active { border-bottom-color: #ff6600 !important; } „

Hintergrund mit Farbverlauf für Akkordeon-Header

„css .pdl-accordion-header { Hintergrund: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important; Farbe: weiß !wichtig; } „

Hover-Animation für Rasterkarten

„css .pdl-grid-card:hover { transform: TranslateY(-4px) !important; box-shadow: 0 12px 24px rgba(0,0,0,0.15) !important; } „