Title: Theme’s CSS affect TablePress “Custom CSS”.
Last modified: January 27, 2022

---

# Theme’s CSS affect TablePress “Custom CSS”.

 *  Resolved [andrewkow](https://wordpress.org/support/users/andrewkow/)
 * (@andrewkow)
 * [4 years, 4 months ago](https://wordpress.org/support/topic/themes-css-affect-tablepress-custom-css/)
 * Hi support,
 * I added some CSS styling to TablePress but it does not working fine I think the
   theme’s CSS affecting the result. I tried to add the CSS to the theme but it 
   does not working at all.
 * I’m using “MyListing Theme”.
    WordPress 5.8.3
 * Thanks
    Andrew

Viewing 11 replies - 1 through 11 (of 11 total)

 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [4 years, 4 months ago](https://wordpress.org/support/topic/themes-css-affect-tablepress-custom-css/#post-15299899)
 * 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
 *  Thread Starter [andrewkow](https://wordpress.org/support/users/andrewkow/)
 * (@andrewkow)
 * [4 years, 4 months ago](https://wordpress.org/support/topic/themes-css-affect-tablepress-custom-css/#post-15300460)
 * 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/](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/](https://placefu.com/temp/)
 * Thank you
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [4 years, 4 months ago](https://wordpress.org/support/topic/themes-css-affect-tablepress-custom-css/#post-15301668)
 * 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
 *  Thread Starter [andrewkow](https://wordpress.org/support/users/andrewkow/)
 * (@andrewkow)
 * [4 years, 4 months ago](https://wordpress.org/support/topic/themes-css-affect-tablepress-custom-css/#post-15302660)
 * 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](https://filebin.net/j0j0xpy7ji3628lt)
 * Noted on your optimization tips : )
    -  This reply was modified 4 years, 4 months ago by [andrewkow](https://wordpress.org/support/users/andrewkow/).
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [4 years, 4 months ago](https://wordpress.org/support/topic/themes-css-affect-tablepress-custom-css/#post-15303886)
 * 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
 *  Thread Starter [andrewkow](https://wordpress.org/support/users/andrewkow/)
 * (@andrewkow)
 * [4 years, 4 months ago](https://wordpress.org/support/topic/themes-css-affect-tablepress-custom-css/#post-15304610)
 * Hi,
 * I tried added the keyword but once I save it gone. Pls refer to the screen record
   for reference.
 * [https://filebin.net/pcxthkh736bst6oe](https://filebin.net/pcxthkh736bst6oe)
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [4 years, 4 months ago](https://wordpress.org/support/topic/themes-css-affect-tablepress-custom-css/#post-15304856)
 * 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
 *  Thread Starter [andrewkow](https://wordpress.org/support/users/andrewkow/)
 * (@andrewkow)
 * [4 years, 4 months ago](https://wordpress.org/support/topic/themes-css-affect-tablepress-custom-css/#post-15305022)
 * Oh ok got it working! I have 1 last question. How to adjust the margin on the
   Title?
 * [https://filebin.net/apu8owd7z357qy6j](https://filebin.net/apu8owd7z357qy6j)
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [4 years, 4 months ago](https://wordpress.org/support/topic/themes-css-affect-tablepress-custom-css/#post-15305689)
 * 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
 *  Thread Starter [andrewkow](https://wordpress.org/support/users/andrewkow/)
 * (@andrewkow)
 * [4 years, 4 months ago](https://wordpress.org/support/topic/themes-css-affect-tablepress-custom-css/#post-15305733)
 * Hi Tobias,
 * Thanks for the code! All issues have been resolved in this thread.
 * Appreciated your help!
 * Cheers
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [4 years, 4 months ago](https://wordpress.org/support/topic/themes-css-affect-tablepress-custom-css/#post-15306037)
 * 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](https://wordpress.org/support/plugin/tablepress/reviews/#new-post)
   in the plugin directory. Thanks!

Viewing 11 replies - 1 through 11 (of 11 total)

The topic ‘Theme’s CSS affect TablePress “Custom CSS”.’ is closed to new replies.

 * ![](https://ps.w.org/tablepress/assets/icon.svg?rev=3192944)
 * [TablePress - Tables in WordPress made easy](https://wordpress.org/plugins/tablepress/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/tablepress/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/tablepress/)
 * [Active Topics](https://wordpress.org/support/plugin/tablepress/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/tablepress/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/tablepress/reviews/)

 * 11 replies
 * 2 participants
 * Last reply from: [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * Last activity: [4 years, 4 months ago](https://wordpress.org/support/topic/themes-css-affect-tablepress-custom-css/#post-15306037)
 * Status: resolved