Okay
  Public Ticket #3479771
Background color of tables
Closed

Comments

  •  1
    RippedOnNitro started the conversation
    September 17, 2023 at 1:44pm

    Hi, 
     
    I changed the overall background color in the Salient theme menu, however where can I also change the background color of the tables? Because they are still white, while I changed the overall background to grey..

  •  8,939
    Tahir replied
    September 18, 2023 at 4:57am

    Hey Again,

    Please provide the page URL so we can write up what's possible.

    Thanks.

    ThemeNectar Support Team 

  •  1,921
    Judith replied
    September 18, 2023 at 4:58am

    Hi there,

    Thanks for reaching out to us.

    By tables are you referring to the pricing table element?

    Please give us more information so that we can better understand your query.

    Looking forward to hearing from you.

  •  1
    RippedOnNitro replied
    September 18, 2023 at 2:34pm

    Hi, I am sorry I forgot to mention, but I created these tables via the Code Snippets plugin, since I had to create custom PHP snippets with manual HTML tables.
     
    I enclosed an example with the background set to Grey, but the tables are still white.

    Attached files:  Capture.PNG

  •  8,939
    Tahir replied
    September 18, 2023 at 4:41pm

    Hey Again,

    Here is the Default table styling added in Salient. 

    body:not(.woocommerce-cart) .main-content table {
    margin: 0 0 20px;
    padding: 0;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    background-color: #fff;
    border-top: 1px solid #ececec
}
body:not(.woocommerce-cart) .main-content tr td:first-child,body:not(.woocommerce-cart) .main-content tr th:first-child {
    border-left-style: solid;
    border-left-width: 1px;
    border-color: #ececec
}
body:not(.woocommerce-cart) .main-content tr td:first-child,body:not(.woocommerce-cart) .main-content tr th:first-child {
    border-left-style: solid;
    border-left-width: 1px
}
body:not(.woocommerce-cart) .main-content th {
    border-left: medium none;
    border-style: none solid solid none;
    border-top: medium none;
    border-width: medium 1px 1px medium;
    font-weight: 700;
    padding: 10px;
    text-align: left;
    border-color: #ececec
}
body:not(.woocommerce-cart) .main-content td {
    border-color: #ececec;
    border-left: none;
    border-style: none solid solid none;
    border-top: medium none;
    border-width: medium 1px 1px medium;
    font-size: 14px;
    padding: 10px
}
body:not(.woocommerce-cart) .main-content table tr:nth-child(2n+1) {
    background-color: #fcfcfc
}

    You can customize it as per your needs. 

    Thanks 

    ThemeNectar Support Team