WordPress TablePress Plugin: ganze Tabelle umfärben, wie muss ich diesen Code ändern?

.tablepress-id-1 .row-1 td {
background-color: #f6e9ea;

}

Hallo, in der Doku des Wordpress Tabellen Plugins steht dieses Beispiel, um 1 bestimmte Tabellenzeile zu färben. Was muss ich aber tun, wenn die ganze Tabelle diese Farbe bekommen soll? Will den Code ja net aufblähen.

Answer 1

[angrrry]

die zeile (row / tr) bräuchte eine eigene klasse (soweit nicht in geordnetem Rythmus) und  dann eine eigene eigenschaft (background-color)

http://www.w3schools.com/tags/tag_tr.asp

Comments

[aurata]

Wozu eine eigene Klasse für die Zeilen, wenn die ganze Tabelle eingefärbt werden sollte? Wenn tablepress-id-1 die Klasse für die Tabelle ist, dann bekommt diese Klasse die Hintergrundfarbe zugewiesen, dann hat die komplette Tabelle die Hg.-Farbe.

.tablepress-id-1 {background-color: #f6e9ea; }

Wenn das nicht klappt, @jennythejay2, dann sende bitte den Link. 

[angrrry]

@aurata

stimmt natürlich - hab es kurioser weise anders herum gelesen - frag mich nicht wieso o.O

[jennythejay2]

@aurata

Hallo aurata,

das hatte ich schon versucht, das klappt nicht. Welchen Link benötigst du?

[angrrry]

@jennythejay2

der Link von deiner Seite - dann lässt sich eher prüfen wo und wie du ansetzen kannst.

bei CSS überschreiben nachfolgende Eigenschaften voran gesetzte - das heisst, wenn es Detaileigenschaften gibt, die die "globale" Eigenschaft wieder überschreiben bringt dir das nat. wenig.

das lässt sich alles leichter prüfen wenn wir wissen wo du etwas ändern möchtest.

kann auch sein, dass du gezielter ansprechen musst - zb. 

table.tablepress-id-1

im härte fall evtl sogar:

.tablepress-id-1 td

.tablepress-id-1 tr

kommt etwas darauf an womit und wie die seite/das framework angelegt ist

[angrrry]

@angrrry

natürlich nur im Custom-CSS Bereich hinterlegen, und auf vollständigkeit der syntax achten.

selektor {1te-eigenschaft: wert; 2te-eigenschaft: wert; xte-eigenschaft: wert;}

http://www.html-seminar.de/cascading\_style\_sheets\_aufbau.htm

[jennythejay2]

@angrrry

<table id="tablepress-1" class="tablepress tablepress-id-1">

<tbody>
<tr class="row-1 odd">
	<td class="column-1">text</td><td class="column-2">text</td>
</tr>
<tr class="row-2 even">
	<td class="column-1">text</td><td class="column-2">text</td>
</tr>
<tr class="row-3 odd">
	<td class="column-1">text</td><td class="column-2">text</td>
</tr>
<tr class="row-4 even">
	<td class="column-1">text</td><td class="column-2">text</td>
</tr>
<tr class="row-5 odd">
	<td class="column-1">text</td><td class="column-2">text</td>
</tr>
<tr class="row-6 even">
	<td class="column-1">text</td><td class="column-2">text</td>
</tr>
<tr class="row-7 odd">
	<td class="column-1">text</td><td class="column-2">text</td>
</tr>
</tbody>
</table>
Hilft das vllt? Die Seite ist noch hidden, und ob mein Dad (für den mach ich das) das hier öffentlich sehen mag, weiß ich net..

[angrrry]

@jennythejay2

nutze mal

#tablepress-1 tr

oder

table#tablepress-1 tr

zum ansprechen

alternativ td statt tr - ich vermute fast die zeilen werden eine zugewiesene eigenschaft haben - daher alternativ die spalten (td) ansprechen

[jennythejay2]

@angrrry

#tablepress-1 td {background-color: #f6e9ea;}

Das isses!

Dankeeeeee!!!

[angrrry]

@jennythejay2

bestens :)

Answer 2

[jennythejay2]

Damit es mehr als 1 Antwort ist