Can’t override Theme Style

Hi,

thanks for your post, and sorry for the trouble.

Using the !important flag should actually help here, you might just have to add it to more of the CSS property declarations. Can you please try that?

Regards,
Tobias

Hi Tobias,

thanks for responding. I managed to get it to work with the following css

.tablepress.table1 tr.row-16 a,
.tablepress.table1 tr.row-18 a {
padding: 5px 5px;
padding-left: 15px;
padding-right: 15px;
background-color: #EC64AD;
border: 1px solid #555;
border-radius: 5px;
font-size: 16px;
color: white;
text-decoration: none;
}

I have another problem I wondered if you could help with.

It is regarding the table on this page

https://womenlovecycling.com/uncategorized/gravel-bikes-under-1500/

some of the rows have text across 2 lines. I have tried adjusting the padding in the table and the headers but I cant get the text on the table to be on one line and at the same time have the header be along 2 lines. If I adjust the padding on the header the header then goes across 3 or 4 lines. If I adjust the padding in the table rows it just makes the whole table longer but doesnt put the text across 1 line.

I have also tried setting the column widths but that does not keep the heading accross 2 lines.

Thanks for your help

Below is the CSS I am using for the padding

.tablepress-id-4 tr.row-16 td,
.tablepress-id-4 tr.row-18 td {
padding-bottom: 5px !important;
padding-top: 5px !important;
}

.tablepress-id-4 column-2,
.tablepress-id-4 column-3,
.tablepress-id-4 column-4,
.tablepress-id-4 column-5,
.tablepress-id-4 column-6,
.tablepress-id-4 column-7,
.tablepress-id-4 column-8,
.tablepress-id-4 column-9 {
padding-left: 80px;
padding-right: 80px;
}

.tablepress-id-4 td {
padding-bottom: 1px !important;
padding-top: 1px !important;
}

.tablepress-id-4 column-1 {
padding-left: 0 !important;
padding-right: 0 !important;
}

.tablepress thead th,
.tablepress tfoot th {
background-color: #ffa4c2;
color: #2d2d2d;
font-size: 16px;
font-weight: bold;
padding-top: 5px !important;
padding-bottom: 0 !important;
padding-left: 5px !important;
padding-right: 5px !important;
}`

Hi,

unfortunately, that link only gives me a 404 Not found error ??

And to be sure: When trying to force the text to be in two lines, have you tried adding a manual line break (i.e. hit the “Enter” key at the desired place)?

Regards,
Tobias

Hi Tobias

Sorry I’m not sure what happened there with the link.

But now my table has completely messed up!

I was updating the fonts throughout my site and when i went back to the table its all squished up like this.

https://womenlovecycling.com/bikes/best-gravel-bikes-for-women-under-1500/

I have tried starting again and taking out all the css but it seems the text is writing on top of each.

I just had the table exactly as I wanted before this.

I have also tried taking out the custom css i have put in my wordpress theme but that also didn’t make a difference

Charli

I sorted it – it was the link height setting I had made in the font typography

Hi,

good to hear that!

Note that the second table on that page seems to have been embedded in some sort of “Code” block (which wraps it in HTML <pre> and </pre> tags, which breaks the layout). Please only place the Shortcode in actual “Shortcode” blocks (not “Code” blocks!) or Text/Paragraph blocks.

Regards,
Tobias

Ah thank you. I had copied it from the plugin website but it did something with the formatting. Your tip fixed the text font in the header row.

I have activated horizontal scrolling on the table but i have 2 scroll bars on my table. One for the 1st column and another for the rest. The padding for the 1st column is zero. I would like to remove the scroll for the first column. How can I do this?

thank you

Hi,

good to hear that this helped!

I’m not sure what you mean with the two scrollbars though. I can only see one?!

Regards,
Tobias

There are two showing now when I use the freeze panes plugin.

Hi,

now I see what you mean. To fix this, please add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

.DTFC_LeftBodyLiner {
  overflow-x: hidden !important;
}

Regards,
Tobias

awesome that fixed it! Thanks so much

Hi,

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

Best wishes,
Tobias
?
P.S.: In case you haven’t, please rate TablePress here in the plugin directory. Thanks!