If you wish to apply this code to all of your wpDataTables tables, you can put it in “Custom wpDataTables CSS” text area on wpDataTables Settings page, or if you wish to apply it only on specific pages, you can put it in between style tags
.wpDataTablesWrapper table.wpDataTable td, .wpDataTablesWrapper table.wpDataTable th
{ text-align: center !important;}
I entered the code in the column settings of those columns I wanted to center. Worked well other than the heading which remained left aligned (see red circled area of attachment).
Also, is it possible to make a specific cell in a column bold ie not the whole column eg the blue circled cell with text in CAPS in the attachment.
In that column where you have this caps letters in conditional formatting you have to make condition for every text in caps. Example:(attachment 1) and then make that class test in Custom wpDataTables CSS under the "Custom JS AND CSS" (attachment 2) We make example for two cells, but if you have more then you have to add them also in conditional formatting.
What is the custom CSS to centre all cells other than those in the first column of the table please.
Hi Brett,
Thank you fr your purchase.
If you wish to apply this code to all of your wpDataTables tables, you can put it in “Custom wpDataTables CSS” text area on wpDataTables Settings page,
or if you wish to apply it only on specific pages, you can put it in between style tags
.wpDataTablesWrapper table.wpDataTable td, .wpDataTablesWrapper table.wpDataTable th { text-align: center !important;}Kind Regards,
Isidora Markovic
wpDataTables: FAQ | Facebook | Twitter | Front-end and back-end demo | Docs
Amelia: FAQ | Facebook | Twitter | Amelia demo sites | Docs
You can try our wpDataTables add-ons before purchase on these sandbox sites:
Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables
Thanks Milan.
I entered the code in the column settings of those columns I wanted to center. Worked well other than the heading which remained left aligned (see red circled area of attachment).
Also, is it possible to make a specific cell in a column bold ie not the whole column eg the blue circled cell with text in CAPS in the attachment.
Best regards
Brett
Hi Brett,
Yes there is some class with high priority. So please replace that css rule for th
with this
About the styling the specific cell you can use Conditional formatting. You can read more about this on this link.
Kind Regards,
Isidora Markovic
wpDataTables: FAQ | Facebook | Twitter | Front-end and back-end demo | Docs
Amelia: FAQ | Facebook | Twitter | Amelia demo sites | Docs
You can try our wpDataTables add-ons before purchase on these sandbox sites:
Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables
Thanks Milan.
I've changed to
.wpDataTablesWrapper table.wpDataTable td, .WpDataTablesWrapper table.wpDataTable th.wdtheader
{ text-align: center !important;}
but the headings still aren't being centred.
I watched the conditional formatting video (the plugin documentation is great) but can't work out how to make a single cell (text all in caps) bold.
I appreciate your help but this plugin is well over my level of expertise and I'll be seeking a less time consuming alternative.
Thanks
Brett
Hi Brett,
Sorry for late response.
We are located in Serbia and our working time is from 10:00 to 17:00 CET. business days.
Yes because class wpDataTablesWrapper have to start with small letter.
Just change that first letter from W to w.
.wpDataTablesWrapper table.wpDataTable td,
.wpDataTablesWrapper table.wpDataTable th.wdtheader
{ text-align: center !important;}
In that column where you have this caps letters in conditional formatting you have to make condition for every text in caps. Example:(attachment 1) and then make that class test in Custom wpDataTables CSS under the "Custom JS AND CSS" (attachment 2) We make example for two cells, but if you have more then you have to add them also in conditional formatting.
Kind Regards,
Isidora Markovic
wpDataTables: FAQ | Facebook | Twitter | Front-end and back-end demo | Docs
Amelia: FAQ | Facebook | Twitter | Amelia demo sites | Docs
You can try our wpDataTables add-ons before purchase on these sandbox sites:
Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables