wp-table-reloaded highlights row
-
I have used wp-table-reloaded to insert a table but the first row of the table displays as highlighted
How can I stop this?
-
Hi,
can you explain what you mean with “highlighted”?
Likely you just need to turn of some of the options below the table data fields on its “Edit” screen, like the “Table Head” or “Row highlighting” checkbox.Regards,
TobiasI’m sorry I thought I had included the link.
If you look at http://www.humptydumptyhealed.com/facilitators you will see that the top profile has a shadow highlight (in google chrome, firefox and IE). I don’t understand where this is coming from.
Hi,
you did include the link, I just wasn’t sure what you mean with “highlighted” 🙂
The shadow that you mean is coming from the alternating row colors. So, if you uncheck that checkbox on the “Edit” screen of the table, both rows should be white.
Best wishes,
Tobiasi am having similar issue.
1.) i would like the first row to be the table head (with bold text) without the hover highlight.
when i select this option, the first row has alternate color on hover while all others are the way i want them, without rollover highlight.
when i deselect “Table Head”, the first row looks like the rest of the table which is not what i want.
2.) row height
what is the css code for this?
let’s say i want to have a bit more visual room “white space” in designer speak around numbers and would like all of the rows to have the same height.how would i accomplish this?
it would be helpful to have this change applied to all the tables. so far i have only two, but more will probably be on the way.
if this is not advisable, then please specify the code for the tables 3 and 4.
thanks for the great plugin and your assistance.
much obliged 🙂Hi,
can you please post the URL to the page with your table?
That why I take a direct look at the code and maybe spot what is interfering here.
(Please also turn on the “Table Head” option.)Regards,
Tobiasxampp site so no link available
there is no additional coding other than default values
Hi,
ok, then, what theme are you using? Because by default, WP-Table Reloaded does not have a highlighting in place for the header row, so it likely comes from your theme.
Can you maybe verify that by temporarily switching to the WordPress Default theme, to see if the highlighting occurs there?Regards,
Tobiasi am using dynamix theme from themeforest.
while #1 is a slight issue, i don’t feel like changing it as it takes some work to customize and set it up. it is not worth the effort as i am on a deadline to finish this gig. client did not place a complaint about it, it just seemed a bit odd to me. however i can live with it being the way it is. i will verify it on another install at a later point.
can you assist with the #2 issue (row height)?
thanks for your quick and prompt follow up
Hi,
dynamix seems to be premium theme, so unfortunately I can’t check what’s going on anyway 🙁
For the row height: This can be done through CSS, but I have a feeling that this approach would not go in the right direction here, because usually manipulating the height is not necessary.
Can you maybe provide a screenshot of your table?
What is the content of your table cells? Maybe HTML and/or JavaScript code?Regards,
Tobiasi can understand that it is not necessary, but it would look better, more in line with our print design.
the table looks fine,just like ms xcell or similar. i would just prefer to have the table rows to be higher while keeping justification as is now. just to have a bit more room above and below the text or a number in the cell. (text/numbers are specs for a white goods – width, height weight… no html or java or anything more complex than data)
i have the screen grabs ready, not sure how do i post images on this forum?
perhaps you can let me know the css to change and if it is not what i wanted, we can mess with images?
thanks
Hi,
thanks for your explanation. I just needed to know if cells look ok now (because if you have HTML/JavaScript in the cells, they sometimes might not).
To increase the height of the cells, I suggest this CSS code, which you should enter into the “Custom CSS” textarea on the “Plugin Options” screen. It will then increase the height for all your tables.
.wp-table-reloaded td { padding-top: 12px!important; padding-bottom: 12px!important; }You can of course change the value to whatever you need/like.
Regards,
TobiasThe URL where I have this highlight problem is
Hi,
thanks for the link.
I checked the source HTML of your site again, and the remaining coloring is added by your theme.
Can you please take a look at the theme options and check if there’s a setting somewhere to turn off highlighting and alternating colors?Regards,
Tobiasthanks tobias, the table looks great except for the header row which is smaller than the rest of the table.
how to modify that property?
Hi,
to also make the header row higher, just extend the code from above to
.wp-table-reloaded td, .wp-table-reloaded th { padding-top: 12px!important; padding-bottom: 12px!important; }That code also includes the header rows.
Best wishes,
Tobias
The topic ‘wp-table-reloaded highlights row’ is closed to new replies.