Custom CSS in plugin option not loaded

Hi,

thanks for your post, and sorry for the trouble.

Can you please post a link to the page with the table where this problem happens, so that I can take a direct look? Thanks!

Regards,
Tobias

Hi Tobias,

I seem to have the same problem as pat07 – well, partially!

I added some simple CSS rules according to your FAQ guidance – the CSS for row 2 seems to work, but the CSS for row 1, the header column titles, has no effect? Are the header row/column titles fixed style or something?

I can’t show you link as I’m developing on localhost, but screenshot of CSS and its effect here:

https://drive.google.com/file/d/1bdToFkpREPNnFh2OkcNJCi5V6NLLwW9n/view?usp=sharing

UPDATE: I hadn’t read the FAQ properly!…there was a separate entry for changing style of header row! Sorry.

Interesting, though; adding a border-bottom:5px rule to the header results in a border of about 1px. Anything less than 5px and you won’t see a border…as though some other rule is ‘hiding’ the bottom border, unless you specify over 5px?

regards
HJ

• This reply was modified 4 years, 6 months ago by hj.

Hi,

@hj: Your problem is a different one. The table header cells need other CSS selectors. Please see https://tablepress.org/faq/change-background-color-table-head-row/

Regards,
Tobias

Yes, thanks Tobias, I found that – I amended my earlier post to delete some of my entry!

However, the table header styling doesn’t respond in an expected manner to adding a border-bottom:1px, for example. If you add a 1px bottom border, no change is visible at all. You will only get a bottom border if your property specifies 5px or above – a 5px bottom border will result in what looks like a 1px bottom border!

margin-bottom or padding-bottom properties have no effect on the table header.

regards
HJ

Hi,

good to hear that the CSS is now working!

Regarding that border thing: I’m not really sure what’s going on there. It might be some influence by the theme, for example. I’d really need to see the page with the table for that, so that I can check the code. Alternatively, you could maybe try adding a top border to the second row of your table.

Regards,
Tobias

problem solved – I don’t know how and why, but now everything works as it should.
maybe trying to clean everything so you could see….Maybe some reloading and cache cleaning in WP and all broswers was the trick.
I have some common css for all my tables in the plugin option, and the tables own css in their own pages – and now everything looks as it should.
Thanks

Hi,

ah, yes, it could have been some caching issue then. Good to hear that it’s working now!

Best wishes,
Tobias

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

It might be some influence by the theme, for example.

It’s avery simple theme, kai12 – but I’ll try with another, like twenty-twelve.

I’d really need to see the page with the table for that, so that I can check the code.

Sorry but it’s all on localhost. No worries, though!

Alternatively, you could maybe try adding a top border to the second row of your table.

Nice idea! ??

Hi,

sure, no problem! ??

Best wishes,
Tobias