Layout width change

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

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

Hi Justin,

always happy to help ??
And thanks for the donation, I really appreciate it!

Best wishes,
Tobias

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

Hi,

yes, changing that color is possible. Please try this “Custom CSS” for it:

.dataTables_filter input {
  color: #ff0000 !important;
}

Regards,
Tobias

Dear Tobias, I hope your’doing well.
I’m having a weird issue on Table Press by this site of mine: https://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

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

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

Hi,

I just checked https://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