Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • November 1, 2022 at 11:50 am #1370884
    DianaLoola73

    Dear support team

    on the page https://anmeldung.kunst-und-energie.de/malkurse/termine-malkurse we use a table to show the dates.
    In order to emphasize the subject, the third column called “Subject” should be wider than the other columns.

    So I added the following script to the CSS:

    #top.page-id-4293 .avia-data-table-wrap td:first-child {width: 12%}
    #top.page-id-4293.avia-data-table-wrap td:nth-child(2) {width: 12%}
    #top.page-id-4293.avia-data-table-wrap td:nth-child(3) {width: 28%}
    #top.page-id-4293.avia-data-table-wrap td:nth-child(4) {width: 12%}
    #top.page-id-4293.avia-data-table-wrap td:nth-child(5) {width: 12%}
    #top.page-id-4293.avia-data-table-wrap td:nth-child(6) {width: 12%}
    #top.page-id-4293.avia-data-table-wrap td:nth-child(7) {width: 12%}

    (That this table formatting should only apply to this one page before the “page-id-4293”)

    Unfortunately the script doesn’t work and the table is unchanged. Could you please give me additional help?

    Kind regards, Diana

    November 2, 2022 at 3:52 am #1371004
    Ismael

    Hey Diana,

    Thank you for the inquiry.

    There should be spaces after the #top.page-id-4293 or before the .avia-data-table-wrap selectors.

    #top.page-id-4293 .avia-data-table-wrap td:nth-child(3) {width: 28%}

    Let us know if the changes work.

    Best regards,
    Ismael

    November 2, 2022 at 8:50 am #1371019
    DianaLoola73

    Hi Ismael
    unfortunately it still doesn’t work with the inserted spaces: https://anmeldung.kunst-und-energie.de/malkurse/termine-malkurse/

    What could it be?
    Best regards, Diana

    November 3, 2022 at 4:47 am #1371180
    Ismael

    Hi,

    Thanks for the update.

    Try to use this css code instead. 

    
.responsive .page-id-4293 .main_color .avia-data-table.avia_pricing_minimal th {
    width: 12%;
}

.responsive .page-id-4293 .main_color .avia-data-table.avia_pricing_minimal th:nth-child(3) {
    width: 30%;
}

    Please make sure toggle or temporarily disable the Autoptimize > File Compression settings after adding the css.

    Best regards,
    Ismael

    November 4, 2022 at 9:38 am #1371304
    DianaLoola73

    Hi Ismael,

    Thank You very much. This script ist perfect.
    Best regards!
    Diana

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