Table Press css Class erstellen

Oernel

Hallo zusammen,

ich würde gerne im TablePress die Funktion nutzen das ich eine Class angeben kann um
gewisse Tabellen mehrfach im selben Optischen Outfit darzustellen.

nun weiß ich aber nicht ganz genau muss ich eine Class im Style.css eingeben ?
Kann ich das dann benennen wie ich möchte ?
bsp.
.Tabellen xyz {
margin: 0 0 18px;
}
.tablepress thead th,
.tablepress tfoot th {
background-color: #D1D1D1;
}

Danke

Werbepost

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)

Mehr erfahren

wpchecker

TablePress -> Einstellungen -> Zusatz-CSS:

Oernel

WPchecker, das hab ich ja verstanden. Das würde dann aber alle Tabellen ändern. es sei denn ich gebe die ID an.
Wenn ich nur ein oder zwei ändern wollen würde, würde ich den weg gehen.

Ich wollte aber jetzt für ein neues Themengebiet eine CSS erstellen/erweitern und beim neu erstellen einer Tabelle gibt es die Möglichkeit Weitere CSS-Klassen anzugeben. da wollte ich dann bsp. .xyz eintragen und die neu erstellte Tabelle sollte dann die css befehle tragen aus der class .xyz

Danke

Frank9652

Hallo Oernel!

Über die Zusatz-CSS kannst du auch das outfit nur von einzelnen Tabellen ändern / anpassen.

Wie das mit Klassen geht, kann ich dir aber nicht sagen, vielleicht solltest du da im Tabelpress Forum nachfragen (leider nur in Englisch) aber der deutsche Entwickler ist sehr nett und hilfsbereit.
Zum Forum

Vielleicht hilft dir das weiter...

Folgende Befehle habe ich (natürlich unter der Angabe der Tabellen-ID) in die Zusatz-CSS eingetragen, damit sie nur für einzelne Tabellen gilt. - man kann da also auch Befehle plazieren, die nur für eine einzelne Tabelle gelten sollen.

Code

/* Breite einer einzigen Spalte */


.tablepress-id-2 .column-1 {
    width: 300px;
}


/* Maximale Breite einer Tabelle */


#tablepress-43_wrapper {
    max-width: 690px;
}


/* Zentrieren von Text */


.tablepress-id-68 .column-1,
.tablepress-id-68 .column-2,
.tablepress-id-68 .column-3,
.tablepress-id-68 .column-4 {
    text-align: center;
}

Alles anzeigen

Oh, sorry da hatte ich dich wohl falsch verstanden, du willst wahrscheinlich Klassen für mehrere Tabellen anlegen. In der Zusatz-CSS ist es zumindest möglich auch Befehle zu plazieren, die für alle Tabellen gelten.
Sobald die Tabellen-iD wegfällt, gilt es dann für alle Tabellen.

Hier mal Beispiele von Befehlen, die bei mir für alle Tabellen gelten.

CSS

.tablepress thead .sorting_asc,
.tablepress thead .sorting_desc,
.tablepress thead .sorting:hover {
    background-color: #c0c0c0;
}


.tablepress .row-hover tr:hover td {
    background-color: #c0c0c0 !important;
}


.tablepress .odd td {
    background-color: #e0e0e0 !important;
}


.tablepress .even td {
    background-color: #ffffff;
}




/* Sichtbarer Rahmen in Tabellen */
/* Hintergrundfarbe der obersten Zeile */


.tablepress tbody td,
.tablepress thead th,
.tablepress tfoot th {
    border: 1px solid black;
    border-left: none;
    border-right: none;
    background-color: #e0e0e0;
}


/* Sichtbarer Rahmen um Tabellen herum */


.tablepress tr {
    border: 1px solid #000000;
}


/* Einrückung innerhalb der Zellen */


.tablepress td {
    padding: 0 8px !important;
}

Alles anzeigen

Gruß Frank

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Table Press css Class erstellen

Jetzt mitmachen!