Title: Right aligning when datatable enabled
Last modified: October 3, 2020

---

# Right aligning when datatable enabled

 *  Resolved [luisc1925](https://wordpress.org/support/users/luisc1925/)
 * (@luisc1925)
 * [5 years, 6 months ago](https://wordpress.org/support/topic/right-aligning-when-datatable-enabled/)
 * I have a table created with this plugin and when datatable option is enabled 
   the table gets right aligned and off the website area. How can this be resolved
   without losing search and ordering functionality? I know by disabling this feature
   the alignmente is fixed but the ordering and search need to be kept.
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fright-aligning-when-datatable-enabled%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [5 years, 6 months ago](https://wordpress.org/support/topic/right-aligning-when-datatable-enabled/#post-13488321)
 * Hi,
 * thanks for your question, and sorry for the trouble.
 * Where exactly can I see this on your site? Can you please post a link?
 * Regards,
    Tobias
 *  Thread Starter [luisc1925](https://wordpress.org/support/users/luisc1925/)
 * (@luisc1925)
 * [5 years, 6 months ago](https://wordpress.org/support/topic/right-aligning-when-datatable-enabled/#post-13499389)
 * Thank you for the prompt reply. The exact link is:
 * [http://farmaenlace.com.co/medicamentos-de-alto-costo/](http://farmaenlace.com.co/medicamentos-de-alto-costo/)
 * Regards,
 * Luis Hurtado
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [5 years, 6 months ago](https://wordpress.org/support/topic/right-aligning-when-datatable-enabled/#post-13499407)
 * Hi,
 * thanks for the link!
 * This is essentially caused by the
 *     ```
       min-width: 500px;
       ```
   
 * that you have in your “Custom CSS” for TablePress. This makes the table very 
   wide.
    In addition, you are currently giving the table on this page only very
   little space. This is a setting on the “Edit” screen of this page, where you 
   should select a different “Page Template” from your theme, something like “Full
   width” or similar. That way, your theme will increase the content area and give
   the table more space.
 * Regards,
    Tobias
 *  Thread Starter [luisc1925](https://wordpress.org/support/users/luisc1925/)
 * (@luisc1925)
 * [5 years, 6 months ago](https://wordpress.org/support/topic/right-aligning-when-datatable-enabled/#post-13499541)
 * I have removed the “min-width: 500px;” parameter and added a new page with a 
   wider area – using Astra theme. However the table is squeezed and still leaving
   a wide blank block on the left. [http://farmaenlace.com.co/medicamentos-alto-costo/](http://farmaenlace.com.co/medicamentos-alto-costo/).
   I am adding the table with a shortcode “[table id=1 responsive=”scroll” /]”. 
   Is that the correct way to do it? I am not expert by any means in WordPress.
    -  This reply was modified 5 years, 6 months ago by [luisc1925](https://wordpress.org/support/users/luisc1925/).
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [5 years, 6 months ago](https://wordpress.org/support/topic/right-aligning-when-datatable-enabled/#post-13499650)
 * Hi,
 * there’s likely some other setting in your theme, or on the page’s “Edit” screen
   which you’ll have to use to increase the overall width of the content area that
   the table can use.
 * TablePress is not restricting this width, and the method with the Shortcode is
   totally correct.
 * To change the font, you could add this to the “Custom CSS” textarea on the “Plugin
   Options” screen of TablePress:
 *     ```
       .tablepress {
         font-family: Verdana;
       }
       ```
   
 * Regards,
    Tobias
 *  Thread Starter [luisc1925](https://wordpress.org/support/users/luisc1925/)
 * (@luisc1925)
 * [5 years, 6 months ago](https://wordpress.org/support/topic/right-aligning-when-datatable-enabled/#post-13500732)
 * Thank you very much. I was able to figure it out. It was the side bar that was
   enabled at the theme options. How could the search and number of items to show
   textboxes be reduced in size?
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [5 years, 6 months ago](https://wordpress.org/support/topic/right-aligning-when-datatable-enabled/#post-13502136)
 * Hi,
 * great! Good to hear that you found this!
 * To fix the size, please add this to the “Custom CSS” textarea on the “Plugin 
   Options” screen of TablePress:
 *     ```
       .dataTables_wrapper label input,
       .dataTables_wrapper label select {
           padding: 2px !important;
           background-image: none;
       }
       ```
   
 * Regards,
    Tobias
 *  Thread Starter [luisc1925](https://wordpress.org/support/users/luisc1925/)
 * (@luisc1925)
 * [5 years, 6 months ago](https://wordpress.org/support/topic/right-aligning-when-datatable-enabled/#post-13511106)
 * It works perfect. Thank you very much for your help Tobias.
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [5 years, 6 months ago](https://wordpress.org/support/topic/right-aligning-when-datatable-enabled/#post-13512207)
 * Hi,
 * no problem, you are very welcome! 🙂 Good to hear that this helped!
 * pBest wishes,
    Tobias
 * P.S.: In case you haven’t, please [rate TablePress](https://wordpress.org/support/plugin/tablepress/reviews/#new-post)
   here in the plugin directory. Thanks!

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

The topic ‘Right aligning when datatable enabled’ 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/)

 * 9 replies
 * 2 participants
 * Last reply from: [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * Last activity: [5 years, 6 months ago](https://wordpress.org/support/topic/right-aligning-when-datatable-enabled/#post-13512207)
 * Status: resolved