WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Can't get data tables to style correctly in post (4 posts)

  1. antorera
    Member
    Posted 2 years ago #

    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!

  2. Krishna
    Volunteer Moderator
    Posted 2 years ago #

    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.

  3. alchymyth
    Forum Moderator
    Posted 2 years ago #

    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> (?)

  4. antorera
    Member
    Posted 2 years ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Topic