Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author agentevolution

    (@agentevolution)

    A URL would be infinitely more helpful than a screenshot.

    Thread Starter boxcandy

    (@boxcandy)

    I’m developing on WAMP offline sorry.
    You can’t think of a reason why the same table class would be echoed under the left col?

    Thread Starter boxcandy

    (@boxcandy)

    <table class="listing-details">
    
     <tbody class="left">
    
    <tr class="wp_listings_listing_price">
        <td class="label">Price:</td>
        <td>250,000 USD</td>
    </tr>
    
    <tr class="wp_listings_listing_address">
     <td class="label">Address:</td>
     <td>123 Chapala St</td>
    </tr>
    
    <tr class="wp_listings_listing_city">
     <td class="label">City:</td>
     <td>Chapala</td>
    </tr>
    
    <tr class="wp_listings_listing_state">
     <td class="label">State:</td>
     <td>Jal</td>
    </tr>
    
    <tr class="wp_listings_listing_zip">
     <td class="label">ZIP:</td>
     <td>45920</td>
    </tr>
    
    <tr class="wp_listings_listing_mls">
     <td class="label">MLS #:</td>
     <td>12345678</td>
    </tr>
    
    <tr class="wp_listings_listing_open_house">
     <td class="label">Open House Time & Date:</td>
     <td>July 30, 2014 at 12pm</td>
    </tr>
    
    <tr class="wp_listings_listing_fees">
     <td class="label">Fees:</td>
     <td>238</td>
    </tr>
    
    </tbody>
    
    <tbody class="right">
    
    <tr class="wp_listings_listing_year_built">
     <td class="label">Year Built:</td>
     <td>2007</td>
    </tr>
    
    <tr class="wp_listings_listing_levels">
     <td class="label">Levels:</td>
     <td>2</td>
    </tr>
    
    <tr class="wp_listings_listing_sqft">
     <td class="label">Square ft/m:</td>
     <td>230m</td>
    </tr>
    
    <tr class="wp_listings_listing_lot_sqft">
     <td class="label">Lot Size ft/m:</td>
     <td>390m</td>
    </tr>
    
    <tr class="wp_listings_listing_bedrooms">
     <td class="label">Bedrooms:</td>
     <td>3</td>
    </tr>
    
    <tr class="wp_listings_listing_bathrooms">
     <td class="label">Bathrooms:</td>
     <td>2.5</td>
    </tr>
    
    <tr class="wp_listings_listing_view">
     <td class="label">View:</td>
     <td>Mountain</td>
    </tr>
    
    </tbody>
    
    </table>
    Plugin Author agentevolution

    (@agentevolution)

    It uses CSS pseudo classes to color the rows. Using nth-child(even) it colors every even element with a different background color.

    The Open House is deliberately hidden from the table, because it’s already displayed as an overlay on the image. But the code output is still counted in the even/odd count. You can unhide that field in the table by adding this bit of CSS to your theme:

    .wplistings-single-listing table tr.wp_listings_listing_open_house {display: block;}

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Issue with Details table’ is closed to new replies.