Support » Plugin: TablePress » Row spacing in Firefox

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author TobiasBg

    (@tobiasbg)

    Hi Margot,

    I don’t really have a clue why Firefox does this… It probably uses an algorithm that distributes the row heights more evenly. To fix this, please try adding this “Custom CSS”:

    .tablepress-id-40 .row-9 .column-2 {
        height: 250px;
    }

    As for the sparkyideas.com site: When taking a look at the HTML source of the page in the browser, I can see many references to common WordPress folders, like wp-content/themes/ and similar. That led me to that conclusion.

    Regards,
    Tobias

    Worked beautifully. Thanks!
    Margot P

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    very nice! 🙂 Thanks for the confirmation!

    Best wishes,
    Tobias

    AArgghhh. Looks like I was a little hasty. It appears that there are still problems on the following pages. I spent the day trying to see if these tables were any different (number of rows, etc) or in custom css but could not. They are the following:

    http://gingermop.com/collateral/old-navy-2/
    http://gingermop.com/collateral/habitat-media-1/
    http://gingermop.com/collateral/habitat-media-3/
    http://gingermop.com/collateral/the-spanish-quarter-1/
    http://gingermop.com/collateral/cnet_coll_1/

    Let’s just say I’m hoping it’s all the same problem! Can you tell how much I don’t like Firefox?

    Thanks again, Margot

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi Margot,

    the is indeed the same problem. The difference to the other tables is that he image in the left column is taller. Therefore, the px value in that new piece of CSS needs to be higher, too (as that defines the height of the bottom right cell, which then pushes up the other cells).
    So, for these tables, just add

    .tablepress-id-53 .row-9 .column-2,
    .tablepress-id-41 .row-9 .column-2,
    .tablepress-id-43 .row-9 .column-2,
    .tablepress-id-47 .row-9 .column-2,
    .tablepress-id-28 .row-9 .column-2 {
        height: 500px;
    }

    You can of course play around with that value to make it fit better, or even split up the code to set different values for the different tables.

    Regards,
    Tobias

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Row spacing in Firefox’ is closed to new replies.