Last Updated on 11/10/2021 by MTE Leben
20. Juli 201712. Mai 2021in WordPress, WordPress How-to
In diesem Tutorial erfahren Sie, wie Sie den benutzerdefinierten CSS-Bereich von Power Builder verwenden, um Module einfach anzupassen, ohne Änderungen an CSS-Dateien vorzunehmen.
Anpassung mit benutzerdefiniertem CSS-Bereich
Navigieren Sie zur Registerkarte Seiten in der linken Spalte von WordPress Dashboard.
Suchen Sie die Seite, die Sie bearbeiten möchten.
Öffnen Sie die Moduleinstellungen. Klicken Sie dazu auf die entsprechende Schaltfläche in der oberen rechten Ecke.
Wechseln Sie im Popup-Fenster zur Registerkarte Benutzerdefiniertes CSS.
In diesem Abschnitt können Sie kann CSS-ID hinzufügen, um HTML-Elemente zu definieren, die Sie formatieren müssen. Hier können Sie Abschnitts-, Zeilen- oder Modul-CSS-ID hinzufügen, um zusätzlichen CSS-Code auf das jeweilige Modul oder die Zeile anzuwenden.
Der Hauptabschnitt für jedes Modul verfügt über benutzerdefinierte CSS-Felder zum Hinzufügen von Pseudoklassen (z , vorher Nachher). Sie können auch CSS-Code für jede Zeile, Spalte oder das gesamte Modul hinzufügen.
Sie können beispielsweise der Spalte einen bestimmten Hintergrund hinzufügen, wie in der Abbildung unten gezeigt. Achten Sie darauf, keine Klammern zu verwenden.
Wenn Sie einem der Elemente CSS-Code hinzufügen, wird neben dem Feldtitel ein benutzerdefinierter CSS-Selektor hinzugefügt. Für jedes Modul gibt es einen spezifischen Selektor.
Wenn alles fertig ist, klicken Sie auf die Schaltfläche Speichern und Beenden, um die Änderungen zu speichern . Jetzt wissen Sie, wie Sie mit dem benutzerdefinierten CSS-Abschnitt von Power Builder arbeiten.
Abonnieren Sie die wöchentliche Zusammenfassung der Tutorials!
Geben Sie unten Ihre E-Mail ein. Keine Spam-Garantie.
Durch Klicken auf die Schaltfläche stimmen Sie den Datenschutzbestimmungen und Nutzungsbedingungen zu
Verwandte Artikel30. Juni 202012. Mai 2021in WordPress, WordPress How-to
So überprüfen Sie die PHP-Version auf dem Server30. Juni 202012. Mai 2021in WordPress, WordPress How-to
Wie man den „Danke für das Erstellen mit WordPress“-Text ändert
