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 just realised the CSS is working for “page” but the blog post that I built with Elementor.
Here is the blog post:
https://placefu.com/blog/genting-highlands-2-day-1-night-itinerary/
*Please scroll down to the bottom to see the table
Here is the page:
https://placefu.com/temp/
Thank you
Hi,
thanks for the links!
Can you please explain what pieces of CSS code are not working as desired? For me, the tables look the same?
One minor optimization: As you have turned off the individual features (like sorting, search, pagination, etc.) for this table, it’s best to also turn off the “Use DataTables” checkbox on the table’s “Edit” screen, for a small performance gain.
Regards,
Tobias
The style is not there, like margin and bold.
Here is the screenshot for both table on Blog post and Page:
https://filebin.net/j0j0xpy7ji3628lt
Noted on your optimization tips : )
-
This reply was modified 4 years, 4 months ago by
andrewkow.
Hi,
ah, indeed, I hadn’t really noticed that on my monitor.
So the reason for this behavior is that your theme is loading more and different default CSS code on the “posts” page. In particular, there’s a CSS selector .c27-content-wrapper that has CSS code for tables as well.
To overcome this, I would recommend to make your “Custom CSS” more “important”, by adding the !important keyword to those commands that don’t yet work, like
font-weight: bold !important;
Regards,
Tobias
Hi,
I tried added the keyword but once I save it gone. Pls refer to the screen record for reference.
https://filebin.net/pcxthkh736bst6oe
Hi,
there must not be a ; before the !, i.e. the !important flag has to be added between the existing value (bold) and the existing ;.
Regards,
Tobias
Oh ok got it working! I have 1 last question. How to adjust the margin on the Title?
https://filebin.net/apu8owd7z357qy6j
Hi,
good to hear that it’s working now!
As for the margin, please add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:
.tablepress thead th {
padding-left: 12px !important;
}
Regards,
Tobias
Hi Tobias,
Thanks for the code! All issues have been resolved in this thread.
Appreciated your help!
Cheers
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!
