Hallo, ich habe hier eine Tabelle mit Tablepress erstellt https://staging.glas-steenebruegge.de/kontakt/?et_fb=1&PageSpeed=off
Zwei Fragen:
1. wie kann ich die Tabellenbreite auf 80% reduzieren?
2. wie kann ich diese Tabelle responsiv machen?
Danke 
tablepress tabelle breite / responsivität
-
- Gerade eben
- Anzeige
Hallo!
Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.
- ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
- ✔️ Deutsche Server & DSGVO-konform
- ✔️ Persönlicher Support (kein 0815-Ticket-System)
-
- [FONT=Courier New].tablepress { width: 80%; }[/FONT]
- Dokumentation TablePress: Reponsive Tables
-
Unter "Einstellungen". Hier kannst Du auch die Spaltenbreite einzeln bestimmen.
-
Habe eingefügt, trotzdem hat sicht nichts an der Breite passiert...warum?
-
Wo ist die ID?
-
...ist drin...passieren tut`s immer nichts
-
-
Ist aber so richtig. Hast Du alles gespeichert, geschlossen und wieder geöffnet?
-
Zwei, die aktuelle ist die Nr. 2 mit der ID [table id=2 /]
-
Gib es mal so ein:
CSS.tablepress-id-2 { width: 80% !important; } -
Derzeit ist dort [FONT=Courier New].tablepress -id-2 {..}[/FONT] statt nur [FONT=Courier New].tablepress {..}[/FONT] oder [FONT=Courier New].tablepress-id-2 {..}[/FONT] eingefügt, es ist also ein überzähliges Leerzeichen vor [FONT=Courier New]-id-2[/FONT] im Code.
Siehe auch Ende der autogenerierten CSS-Datei von Tablepress:
Codehttps://staging.glas-steenebruegge.de/wp-content/tablepress-combined.min.css?ver=10 -
JAAA - danke ! Es funktioniert
Wie mache ich die Tabelle responsiv? Was genau muss ich eingeben und wo?
-
Hast Du dir den Link von oben dazu schon angeschaut?
https://tablepress.org/extensions/responsive-tables/ -
Ich habe es hinbekommen
[table id=2 responsive=Stack responsive_breakpoint="phone" /]
Jetzt mitmachen!
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!