Can't get data tables to style correctly in post
-
Hello, I’m working on a site that has a lot of data tables. Can’t seem to get the table styles I’ve applied in the CSS to work on the tables in my posts. I’ve added a post-specific class to the table styles and it still isn’t affecting the html.
Here is the CSS code:
.post .table { background-color: whiteSmoke; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; } .post .table td, .post .table th { } .post .table th { color: #666; font-family: Arial, sans-serif; font-size: 16px; font-style: normal; font-weight: normal; text-align: left; padding: 0 20px; } .post .table td { padding: 0 20px; line-height: 20px; color: #666; font-family: Arial, sans-serif; font-size: 14px; border-bottom: 1px solid #fff; border-top: 1px solid #fff; } .post .table td:hover { background-color: #fff; }
Here’s the html:
<table> <tbody> <tr> <td><strong>Martillo de orejas</strong></td> <td>El estilo de uso general más popular.<br />El lado percutor coronado quita los clavos al ras sin dañar la superficie de madera. Las orejas del doble biselado brindan más espacio libre para las cabezas de los clavos y agarran cualquier tamaño de clavos.</td> <td>Peso:<br />7 a 24<br />onzas</td> </tr> </tbody> </table>
Here’s the post where this page is on.
I am using WP-table reloaded for other specific purposes on larger tables, but I can’t use that plugin for all tables because I will need more flexibility within the cells to do bulleted lists, add images, etc. Plus, I want most of the content to be kept within the post itself whenever possible. I don’t think the styles for wp-table reloaded should be affecting the general tables?
I am obviously overlooking something. Any help would be greatly appreciated!
- The topic ‘Can't get data tables to style correctly in post’ is closed to new replies.