CSS, Layout, and Styling

Resolved

(@malomltd)

Hi,

Great plugin, I have followed the instructions on your site under CSS, Layout, and Styling. Some of the entered codes work, although I haven’t been able to change the header color and to center the text and to change the table background color. The things that I managed with is to center the table input and change the highlighted color when scrolling, please see CSS below.

.wp-table-reloaded-id-2 th, .wp-table-reloaded-id-2 .sorting {
  background-color: 2f66a4!important;
}
.wp-table-reloaded-id-2 .sorting_asc, .wp-table-reloaded-id-2 .sorting_desc {
  background-color: #2f66a4!important;
}
.wp-table-reloaded-id-2 .row-hover tr:hover td {
  background-color: #ddd9d9!important;
}
.wp-table-reloaded-id-2, .wp-table-reloaded-id-2 td, .wp-table-reloaded-id-2 th {
  border: none!important;
  border-collapse: collapse!important;
  border-spacing: 0px!important;
}
.wp-table-reloaded-id-2 .odd td {
  background-color: #f5f5f5!important;
}
 .wp-table-reloaded-id-2 .even td {
  background-color: #f5f5f5!important;;
}
.wp-table-reloaded td {
text-align:center;
vertical-align:middle;
}

Please advice. Can’t add a link to the site as it’s not live. I’m using the Exciter – Magazine WordPress Theme

Thanks

http://ww.wp.xz.cn/extend/plugins/wp-table-reloaded/

Viewing 1 replies (of 1 total)

Plugin Author Tobias Bäthge
(@tobiasbg)

13 years, 6 months ago

Hi,

thanks for your question.

From what I can see, the code looks correct. In fact, you can even remove some of it (the parts with the .odd and .even classes), if you simply uncheck the “Alternating row colors” checkbox on the table’s “Edit” screen. You will then only have to apply the desired background color to .wp-table-reloaded-id-2 td.

Unfortunately, this is all I can do right now. For more, I would really need to take a look at the page with the table, as I could find out what is overriding the desired styling. As you can’t provide a link yet, I suggest that we either wait with this until the site is live, or you try investigating this yourself (with tools like “Firebug” for Firefox, or the Google Chrome Developer Tools). With these, you can find out which CSS is used on the header row cells and where it comes from.

Regards,
Tobias

Viewing 1 replies (of 1 total)

The topic ‘CSS, Layout, and Styling’ is closed to new replies.

Tags