[resolved] [Plugin: WP-Table Reloaded] line height of specific href in cell (4 posts)

  1. maslerdanch
    Posted 4 years ago #


    How do I change the line height of a specific element in a cell. I want to change the line-height in the first row of a table of just the bottom link under the icons? Just can't seem to do it right.

    <a class="navi" title="Fly Drive to the Italian Dolomites" href="http://www.samchandlerphotography.co.uk/dolomites/fly-drive-to-the-italian-dolomites/">Please Click Here for more information</a>

    .wp-table-reloaded-id-11 a.navi {color:#6f774a!important; font-weight:bold; line-height:10px!important;}
    .wp-table-reloaded-id-11 a.navi:hover {color:#74833e!important;}

    Love the plugin - once it goes live I'll send a donation through. It's the best table plugin I've used to date!

  2. TobiasBg
    Posted 4 years ago #


    thanks for your post.

    This is kind of interesting. Your CSS code is being applied, but it doesn't seem to show an effect. I assume that this is due to the way the line-height attribute works. I'm not into the details, but I believe that it has to be applied to the container element (in this case the table cell <td>). Can you maybe try that, i.e.

    .wp-table-reloaded-id-11 td {
      line-height: 16px !important;

    So, in summary, this seems to be more of a CSS issue, not really related to the table itself.


  3. maslerdanch
    Posted 4 years ago #

    Thanks Tobias!

    Yes that works but affects the whole cell. Not too much of an issue but was worth a try - at least I'm not going mad!

    This is a seriously good plugin and will be donating once the site is live!

    Best wishes

  4. TobiasBg
    Posted 4 years ago #


    yes, it does, but that appears to be the only way to adjust the line height of the text, which then inherits the setting from the cell.

    Best wishes,

Topic Closed

This topic has been closed to new replies.

About this Topic