Kurze Antwort
Für eine Tabelle öffnen Sie sie im Builder, gehen zu Settings (Tab), klappen Sie Styles, geben Ihr CSS ein in Extra Styles und klicken Sie auf Apply stylesund dann auf Save. Für alle Tabellen Ihrer Website gehen Sie zu WP Table Builder > Settings > Table Stylesund fügen das CSS ein in Custom CSS und klicken Sie auf Save. Beides ist kostenlos und unterstützt Media Queries.
Mit eigenem CSS ändern Sie Details, für die der Builder keine Einstellung hat, etwa eine besondere Schriftstärke, einen Schatten oder ein anderes Aussehen auf sehr kleinen Bildschirmen.
Voraussetzungen #
| Punkt | Details |
|---|---|
| Tarif | Free und Pro |
| Kenntnisse | CSS-Grundlagen |
| Plugin-Version | WP Table Builder 2.1.0 oder neuer (CSS-Vorschau im Builder) |
CSS zu einer Tabelle hinzufügen #
- Öffnen Sie die Tabelle im Builder und klicken Sie auf Settings .
- Geben Sie
stileunter Search settings, oder scrollen Sie zu Stylesund klappen Sie es auf. - Schreiben Sie Ihr CSS in Extra Styles.
- Klicken Sie auf Apply styles , um es im Builder in der Vorschau zu sehen.
- Klicken Sie auf Save.
CSS zu allen Tabellen hinzufügen #
- Gehen Sie zu WP Table Builder > Settings.
- Öffnen Sie Table Styles (Tab). Der Hinweis besagt, dass die Stile auf alle Tabellen angewendet werden.
- Fügen Sie Ihr CSS ein in Custom CSS und klicken Sie auf Save.
Nützliche Selektoren #
| Selektor | Ziel |
|---|---|
.wptb-cell | Jede Tabellenzelle |
.wptb-image-element-target | Bilder in Image-Elementen |
Nutzen Sie das Untersuchen-Werkzeug Ihres Browsers auf der Live-Seite, um die genauen Klassennamen zu finden.
Beispiel #
.wptb-cell { font-weight: 500; }
@media (max-width: 600px) { .wptb-cell { font-size: 14px; } }
Tipps #
- Probieren Sie zuerst die integrierten Einstellungen. Sie lassen sich später leichter ändern und funktionieren mit responsiven Layouts.
- Legen Sie tabellenspezifisches CSS ab in Extra Styles , damit es mit der Tabelle mitwandert, wenn Sie sie als XML exportieren.
Häufig gestellte Fragen #
Wo füge ich eigenes CSS für WP Table Builder hinzu?
Verwenden Sie Extra Styles im Tab Settings der Tabelle für eine einzelne Tabelle oder WP Table Builder > Settings > Table Styles für alle Tabellen.
Unterstützt eigenes CSS Media Queries?
Ja. Media Queries funktionieren sowohl in Extra Styles als auch in Table Styles.
Ist eigenes CSS eine Pro-Funktion?
Nein. Beide Optionen für eigenes CSS sind kostenlos.
