Title: Layout width change
Last modified: September 19, 2018

---

# Layout width change

 *  Resolved [justin2016](https://wordpress.org/support/users/justin2016/)
 * (@justin2016)
 * [7 years, 11 months ago](https://wordpress.org/support/topic/layout-width-change/)
 * Hi, how do I change the width of the whole TablePress Layout in CSS?
    Please 
   help me out on this: Thanks in advance
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Flayout-width-change%2Fpage%2F2%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 9 replies - 16 through 24 (of 24 total)

[←](https://wordpress.org/support/topic/layout-width-change/?output_format=md) [1](https://wordpress.org/support/topic/layout-width-change/?output_format=md)
2

 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [7 years, 10 months ago](https://wordpress.org/support/topic/layout-width-change/page/2/#post-10753640)
 * Hi Justin,
 * that’s what I mean. This site is using a different WordPress theme, a theme in
   which pages are allowed to take more space on the screen.
 * What you want to achieve is not directly possible with the theme that you are
   using on brattsinclaire.com. You will have to either modify the theme or switch
   themes.
 * It’s not possible to do this in TablePress, due the theme providing the limits
   for the layout.
 * Regards,
    Tobias
 *  Thread Starter [justin2016](https://wordpress.org/support/users/justin2016/)
 * (@justin2016)
 * [7 years, 10 months ago](https://wordpress.org/support/topic/layout-width-change/page/2/#post-10754457)
 * Dear Tobias,
    thank you very much for your kind help. Everything works properly
   and your last explanation makes sense to me. Please know that I’ve just mad you
   a symbolic donation of 10 Euros.
 * Thank you again for your kind patience and help.
    Regards, Justin
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [7 years, 10 months ago](https://wordpress.org/support/topic/layout-width-change/page/2/#post-10755290)
 * Hi Justin,
 * always happy to help 🙂
    And thanks for the donation, I really appreciate it!
 * Best wishes,
    Tobias
 *  Thread Starter [justin2016](https://wordpress.org/support/users/justin2016/)
 * (@justin2016)
 * [7 years, 10 months ago](https://wordpress.org/support/topic/layout-width-change/page/2/#post-10755902)
 * Tobias,
    no problem. It was just a symbolic donation but I believe it is important
   to testify our appreciation for other people’s commitment and skills. Only one
   last question. Is there a way to change the search box text color by CSS?
 * I wish you good luck on your work.
    All the best Justin
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [7 years, 10 months ago](https://wordpress.org/support/topic/layout-width-change/page/2/#post-10756369)
 * Hi,
 * yes, changing that color is possible. Please try this “Custom CSS” for it:
 *     ```
       .dataTables_filter input {
         color: #ff0000 !important;
       }
       ```
   
 * Regards,
    Tobias
 *  Thread Starter [justin2016](https://wordpress.org/support/users/justin2016/)
 * (@justin2016)
 * [7 years, 8 months ago](https://wordpress.org/support/topic/layout-width-change/page/2/#post-10942861)
 * Dear Tobias, I hope your’doing well.
    I’m having a weird issue on Table Press
   by this site of mine: [http://sinclairestyle.com/web/catalog/](http://sinclairestyle.com/web/catalog/)
 * The search field disappeared as well as the selection arrows to sort the list
   by name, year etc etc. Also if I visit the site by being logged, in back ground,
   to the WP dashboard then everything comes back alive again.
    Please find here
   below the CSS code I’ve added to TablePress:.tablepress tbody td, .tablepress
   thead th { word-break: normal; word-wrap: normal; hyphens: none; padding: 8px
   8px 8px 8px !important; }
 * .tablepress thead th,
    .tablepress tfoot th { padding: 6px 10px 6px 6px !important;
   background-color: #dd3333; }
 * .tablepress {
    table-layout: fixed; }
 * .tablepress-id-2 .odd td {
    background-color: #000000; opacity: .9; }
 * .tablepress-id-2 .even td {
    background-color: #000000; opacity: .9; }
 * .tablepress .row-hover tr:hover td {
    background-color: #00A0D7; }
 * .dataTables_filter input {
    color: #000000 !important; }
 * Could you please help me on this issue?
    Many Thanks in advance. Justin
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [7 years, 8 months ago](https://wordpress.org/support/topic/layout-width-change/page/2/#post-10944387)
 * Hi,
 * I just checked your link, but can’t reproduce this. The search and sorting are
   working fine for me.
    Can you maybe try in a different browser?
 * Regards,
    Tobias
 *  Thread Starter [justin2016](https://wordpress.org/support/users/justin2016/)
 * (@justin2016)
 * [7 years, 8 months ago](https://wordpress.org/support/topic/layout-width-change/page/2/#post-10944691)
 * Tobias,
    many thanks for your reply. I’ve checked with some other browsers and
   I can only see Search and sorting columns with Google Chrome. Any other browser
   doesn’t show them at all. Any idea on this issue origin? Thank you very much 
   in advance. Justin
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [7 years, 8 months ago](https://wordpress.org/support/topic/layout-width-change/page/2/#post-10944733)
 * Hi,
 * I just checked [http://sinclairestyle.com/web/catalog/](http://sinclairestyle.com/web/catalog/)
   again in
    – Chrome and Firefox on Linux, – Chrome, Firefox, and Safari on Mac,–
   and Chrome, Firefox, and Edge on Windows.
 * The search and sorting are working everywhere.
    Make sure that you are not running
   into caching issues somehow, i.e. check in “private”/”incognito” browsing sessions.
 * Regards,
    Tobias

Viewing 9 replies - 16 through 24 (of 24 total)

[←](https://wordpress.org/support/topic/layout-width-change/?output_format=md) [1](https://wordpress.org/support/topic/layout-width-change/?output_format=md)
2

The topic ‘Layout width change’ 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/)

 * 24 replies
 * 3 participants
 * Last reply from: [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * Last activity: [7 years, 8 months ago](https://wordpress.org/support/topic/layout-width-change/page/2/#post-10944733)
 * Status: resolved