Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • September 15, 2016 at 7:06 pm #687065
    susizimm

    Hi there,

    Can you please have a look at my 5 column tables (for trip schedules 2017 and 2018) at http://aclassicyacht.com/ratesschedule/

    In both tables I would like the width of Column 1 “Cruise #” to be as small as possible (i.e. just wider than the content) and the width for Column 5 “Cruise Highlights” to be as wide as possible. What do you think is the best way to achieve this? Could/Should i give each of the 5 columns a percentage of the overall table width?

    Also is it possible to give a particular row a background color. My employers are looking for a table similar to their old website http://www.alaskacharters.com/newpage3.htm

    Thank you – Susi

    September 18, 2016 at 7:36 pm #688179
    jh100

    I would like to know how to do this as well, but just on screen widths over 768.

    September 20, 2016 at 3:14 am #688892
    Ismael

    Hi,

    Thank you for using Enfold.

    Please add this in the Quick CSS field:

    .page-id-919 .avia-table {
    table-layout: auto;
}

.page-id-919 .avia-table tr td:nth-child(1) {
    width: 5%;
}

.page-id-919 .avia-table tr td:nth-child(5) {
    width: 40% !important;
}

    Best regards,
    Ismael

    September 20, 2016 at 4:48 am #688911
    susizimm

    Hi Ismael, thank you, you guys & Enfold are great. that worked so beautifully for the column width.

    Is it possible to isolate a row in a similar way as you did the columns to add a background color to a particular row? If yes could you give me example code for a line in each table. Then i could copy/adjust the code for different rows to add color to rows as needed (the idea is we’d like to have rows of booked trips be one color and trips on hold be another and the 100% open trips can stay white).

    The help is really appreciated. Susi

    September 23, 2016 at 2:58 pm #690788
    Andy

    Hi,

    unfortunately that won’t be easily possible, as table rows do not have any individual css classes.

    Best regards,
    Andy

    September 23, 2016 at 4:39 pm #690894
    susizimm

    Ok, will live without the color. Thanks for letting me know.

    Susi

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Table with different column widths and row background color’ is closed to new replies.