Support » Fixing WordPress » Can't get data tables to style correctly in post

  • Resolved antorera

    (@antorera)


    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!

Viewing 3 replies - 1 through 3 (of 3 total)
  • Krishna

    (@1nexus)


    Member


    I don’t think the styles for wp-table reloaded should be affecting the general tables?

    It may. Try deactivating it and see if the hand-coded tables work. I always use my own coded tables wherever I need and they work fine for me.

    Michael

    (@alchymyth)


    Forum Moderator


    table css
    http://www.w3schools.com/css/css_table.asp

    no dot before table;

    i.e.:

    .post table {
    ... }

    unless you have <table class="table"> ...</table> (?)

    Of course! It’s an element. I was copying mixing it up with other css and hence the dots in front.

    Thanks so much. Knew it was something silly.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Can't get data tables to style correctly in post’ is closed to new replies.