-
Posts
-
Dear support forum,
I read multiple forum threads, but none of the offered solutions seemed to work.
I have a table on a page, created with the table preset in the avia builder.
Unfortunately the website is not online yet, so I can’t give you a link.The only change I want to make is to set the individual width of the table columns.
The best way, I think, would be using percentages, not pixels.That you very much in advance!
Hey pelgrimrat,
It’s hard to say like that. You could give us temporary admin access to your website in private content box below so that we would be able to give you a more informed answer. Also, specify the page, where you set up the table.
Best regards,
Victoriayou mean a normal table or that enfold pricing table?
look here http://kriesi.at/themes/enfold-2017/elements/tables/
if it is a normal one- like the last one – you can adress (select) each coloumn by :.avia-table-5 th:first-child {width: 30%} .avia-table-5 th:nth-child(2) {width: 20%} .avia-table-5 th:nth-child(3) {width: 25%} .avia-table-5 th:nth-child(4) {width: 25%}so give the table a custom class f.e. tablestyle1 and go this way
.tablestyle1 th:first-child {width: 30%} .tablestyle1 th:nth-child(2) {width: 20%} .tablestyle1 th:nth-child(3) {width: 25%} .tablestyle1 th:nth-child(4) {width: 25%}Hello people,
Thank you, Guenni007, for your instructions. It worked!!
The only thing that needed to be changed was to use ‘#’ instead of ‘.’
So the code looks like this now:
#tablestyle1 th:first-child {width: 70%} #tablestyle1 th:nth-child(2) {width: 20%} #tablestyle1 th:nth-child(3) {width: 10%}Thanks again! So good to have this knowledge now :)
- The topic ‘Table: change column widths’ is closed to new replies.