Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • May 7, 2014 at 4:34 pm #261363
    Itai

    Hi guys,

    I have an issue with the tables in enfold. I have a ‘product specification’ page which is a series of tables with tech data.

    I would like the table cells to have a constant size so the tables ‘line up’ with each other. Right now every table cell has an arbitrary size

    Screenshot here: http://www.heaven11audio.com/sceens/tablelineup.png

    I’m using the enfold Child Theme so I can insert custom CSS if need be.

    Cheers,

    Itai

    May 8, 2014 at 6:57 pm #261931
    Yigit

    Hi ItaiAzer!

    Please add following code to Quick CSS and adjust as needed

    td { min-height: 80px; }

    If that does not work, please post the link to your website

    Regards,
    Yigit

    May 8, 2014 at 7:43 pm #261958
    Itai

    Hi Yigit,

    Thanks for trying to help but I think you misunderstood what I’m trying to do.

    I am trying to line up the widths of the table cells so that all the first cells (th?) on the page have a consistent width and don’t have a zigzag feel.

    See my screen here: http://www.heaven11audio.com/sceens/tablelineup2.png

    May 8, 2014 at 7:43 pm #261959
    Itai
    This reply has been marked as private.
    May 8, 2014 at 7:59 pm #261961
    Yigit

    Hey!

    Yes, seems like i misunderstood :) Please add following code to Quick CSS instead 

    .avia-data-table .avia-desc-col { width: 50%; }

    Regards,
    Yigit

    May 8, 2014 at 8:09 pm #261963
    Itai

    Yup! that works.

    thanks!

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Table cell size control’ is closed to new replies.