Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #473184

    I would like to vary the cell width in an Avia Layout Builder “table” on the following page. The time/date and presenter columns are too small and the description column is too large.

    http://staging.supermarketsense.com/events/supermarket-sense-15/

    How can i make this happen.

    Many thanks.

    • This topic was modified 9 years, 4 months ago by hillphoenix.
    #473186

    I meant to say “cell width” not “cell with”.

    #473410

    Hey!

    Try dragging a codeblock element to your page content and add this inside.

    <style type = "text/css">
    .avia-heading-row > th:nth-child(2) {
      width: 50%;
    }
    </style>

    Best regards,
    Elliott

    #474062

    Nothing happened. The code block can not be dragged onto a table. I can only drag a code block above or below the table and that dosent seem to work.

    Where the html code for the table located?

    #474857

    Hi!

    it should work I think. Try to clear browser cache and hard refresh your site a few times. You could also put this code into your Quick CSS field:

    .avia-heading-row > th:nth-child(2) {
    width: 50%;
    }
    

    Regards,
    Andy

    #475481

    Added both to the site to change the table width but nothing happened.

    Code block
    <style type = “text/css”>
    .avia-heading-row > th:nth-child(2) {
    width: 50%;
    }
    </style>

    Add to Quick CSS field

    .avia-heading-row > th:nth-child(2) {
    width: 50%;
    }

    #475938

    Hi!

    I don’t see it in your source code. Did you remove it? Send us a WordPress login and we’ll take a look.

    Cheers!
    Elliott

    • This reply was modified 9 years, 4 months ago by Elliott.
Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.