Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1230888

    Dear Enfold Team,
    On a certain page I would need a transparent background in the table elements. I tried several CSS code snippets I have found on there.

    .page-id-11126 td, tr {
    background: none repeat scroll 0 0 transparent !important;
    vertical-align: top;
    }

    /* Table align top */
    .page-id-11126 td, tr {
    vertical-align: top;
    }

    /*Table all transparent background */
    .page-id-11126 .main_color tr:nth-child(2n+1) {
    background: none repeat scroll 0 0 transparent !important;
    }

    .page-id-11126 .main_color tr:nth-child(odd), .main_color tr:nth-child(even) {
    background-color:transparent !important;
    }

    .page-id-11126 .main_color table {
    background: transparent !important;
    }

    Unfortunately, none of them does the trick. Please advise what to do.
    Thanks for your assistance!

    Rob

    #1231594

    Hey hasbeat,
    Sorry for the late reply, I adjusted your css and your table background is transparent now,
    Please clear your browser cache and check.
    CSS added:

    #top .alternate_color table {
        background: transparent !important;
    }

    CSS adjusted:

    #top .avia-table tr:nth-child(even),#top .avia-table tr:nth-child(odd) {
    background: transparent !important;
    }

    Best regards,
    Mike

    #1231633

    Hey Mike, it works like a charm. Perfect. Thanks for your assistance!

    #1231707

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    For your information, you can take a look at Enfold documentation here
    For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

    Best regards,
    Mike

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Transparent background in table’ is closed to new replies.