Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • December 6, 2015 at 11:00 am #547602
    zedduo

    Hi.

    Is it possible to style 2 different data tables on one page?
    I added custom css to the one data table which is on a white background. The other data table below it is in a black color section. I want this data table to have a black background with white text. I’ve added a label to the color section, but I cant seem to change the table.

    Also, in responsive view my custom table borders are not showing. Ive added the same custom border codes in the media query > @media only screen and (max-width: 767px) . But the custom borders is still now showing.

    Help please. Thanks in advance!

    December 6, 2015 at 7:01 pm #547668
    Basilis

    Hey zedduo!

    Have you tried to target it with:

    #blacktable .avia-data-table-wrap {
    background: #000;
    }

    I tried it with debugger and it worked out for me.

    Let us know if you can not make it work, with your backend access

    Regards,
    Basilis

    December 6, 2015 at 11:00 pm #547712
    zedduo

    Hi Basilis. Thank you for the response.

    That code didn’t help. I added the !important tag as well and it didnt go black.

    December 7, 2015 at 7:47 am #547812
    Rikard

    Hi,

    Please try the following instead:

    #blacktable tr:nth-child(odd), #blacktable tr:nth-child(even) {
    background-color: black !important;
}

    Regards,
    Rikard

    December 10, 2015 at 2:17 pm #550385
    zedduo

    Ok thanks. Lets close this one.

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Styling 2 different data tables on one page’ is closed to new replies.