Haselsmasher

I’m going to be experimenting with the site. So if someone happens to visit the above link I thought I’d include here a link to a screen snip I took – circling the text I want to change.

Picture Of Screen Snip Here

I may have partially answered my own question:

I put the following in the Custom CSS section and it improved things.

ul {
margin: 0px;
padding: 0px;
}

Jim

Tobias:

I have two words for you: YOU ROCK! ??

It now works.

I have a higher level question for you: I am new to things like CSS. I don’t quite understand with the various CSS help I’ve seen you provide how much of what can go into the CSS area is specific to the TablePress plugin vs generic CSS. If I want to learn more about things like the thead and th and td and etc. etc. etc. should I be learning more about CSS?

Thanks again. TablePress is really an awesome plugin.

Jim

Thank you so much Tobias. My apologies – but I still must be doing something wrong.

You are correct: I had unchecked the “Header” option and was attempting to format a header myself – because I wanted to control it more directly.

I have now checked the header option and made (I think) the CSS change you suggest. The complete CSS is below. And as before – the table can be viewed here:
https://jimhconsulting.com/?p=673&preview=true

That vertical alignment doesn’t seem to be happening.

Thanks so much.

Jim

.tablepress-id-2 th,
.tablepress-id-2 td {
  border: 2px solid #dddddd;
}
?
.tablepress-id-2 .row-1 td {
  font-size: 16px;
  font-weight: bold;
  vertical-align: bottom;
}
?
.tablepress-id-2 .column-2 {
  text-align: center;
  width: 100px;
}
?
.tablepress-id-2 .row-2 .column-2 {
  font-size: 20px;
  color: #FF0000;
}

This works perfectly.

Thanks!

Jim