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.
I meant to say “cell width” not “cell with”.
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
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?
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
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%;
}
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