Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 31, 2022 at 10:19 am #1353559
    dondela

    Dear support,
    i try to style the enfold table-element with different column width. With the following code i managed to adress the first column:

    @media only screen and (min-width: 767px)
	{
.event_tabelle tr th:first-child, 
.event_tabelle tr td:first-child {
    width: 15% !important;
}
}

    How can i address the other 3 column widths?

    June 1, 2022 at 1:53 am #1353643
    Nikko

    Hi dondela,

    You can use nth-child, for example in 2nd column:

    .event_tabelle tr th:nth-child(2), 
.event_tabelle tr td:nth-child(2)

    For the 3rd column change 2 to 3 and so on.
    Hope this helps.

    Best regards,
    Nikko

    June 1, 2022 at 9:52 am #1353703
    dondela

    Hi Nikko,
    thank you so much for your help – it works :-)

    June 1, 2022 at 10:59 am #1353709
    Nikko

    Hi dondela,

    We’re glad that we could help you :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Table column width’ is closed to new replies.