Extra CSS syntax

Hi,

thanks for your question, and sorry for the trouble.

I’m not exactly sure what you mean. Can you please describe this in in more detail and maybe an example or link?

Regards,
Tobias

Hi,

sure ?? It is easy…

I have a table with general design, for example here:
https://pratelegolfu.cz/jamka-desu/

And I have another group of tables where I need little bit different style for all – 4th column bold, aligne center and maybe first 4 column different backgrounfd color. I would like use Extra CSS class but I cannot to find right syntax of these points. Can you help me with some example please? Typical tabs are:
https://pratelegolfu.cz/kamos-cup/zebricek-kamos-cup/kamos-cup-2016-muzi/
https://pratelegolfu.cz/kamos-cup/zebricek-kamos-cup/kamos-cup-2016-zeny/

Many thanks,

Dan

Hi Dan,

thanks for the explanation!

You can simply invent an “Extra CSS class” here, like

tablepress-style-group-1

or something like that.
Then, add that into the “Extra CSS classes” field for the desired tables.
In the “Custom CSS”, you would then write

.tablepress-style-group-1 .column-4 {
  background-color: #ff0000;
}

to have this CSS applied to all the tables that have this “Extra CSS class”.

Regards,
Tobias

Hi,

great, it is what I thing. But I have main problem with right description of definition for bold and align column.

Thaks for advice!

Dan

Hi,

that would be something like

.tablepress-style-group-1 .column-4 {
  background-color: #ff0000;
  font-weight: bold;
  text-align: right;
}

Regards,
Tobias

Many thanks once more!

Dan

Hi,

no problem, you are very welcome! ?? Good to hear that this helped!

Best wishes,
Tobias