Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1020730

    Hello,
    I try to modify the background of my table but it doesn’t work.. I added the CSS code below :

    .main_color tr:nth-child(even) {
    background-color: #b1bfcd !important;
    color: #353542 !important;
    }
    .main_color tr:nth-child(odd) {
    background: #071137 !important;
    color: white !important;
    }

    Can you tell me what is wrong ?
    Thank you for your help,
    Ida

    #1020764

    Hey sitadi,

    I’m seeing it like this:

    https://snag.gy/8RzKsQ.jpg

    Is this not correct?

    Best regards,
    Jordan Shannon

    #1020787

    Hi Jordan,
    thank you for your answer.

    This CSS code IS OK :
    .main_color tr:nth-child(odd) {
    background: #071137 !important;
    color: white !important;
    }

    but this one IS NOT OK :
    .main_color tr:nth-child(even) {
    background-color: #b1bfcd !important;
    color: #353542 !important;
    }
    the blue color (#b1bfcd) of the row’s background should be the same as the footer and it is not the case. The text color is not the good one either.

    • This reply was modified 4 days, 4 hours ago by  sitadi.
    #1021350

    Hi,

    I don’t see the color #b1bfcd in any row on the table.

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    CSS Snippet:

    
    /* CSS - Table rows */
    
    /* Alternate row color */
    #top .avia-table tr:nth-child(odd)
    { 
    	background: #eff2f3 !important; 
    }
    #top .avia-table tr:nth-child(even)
    { 
    	background: #d7dcdd !important; 
    }
    
    
    

    For more code snippets and customization guide please check https://kriesi.at/documentation/enfold/table/

    Best regards,
    Vinay

    #1021456

    Thank you Vinay !
    It works, I have added text color and it’s ok now.
    Thank your very much,

    /* CSS – Table rows */

    /* Alternate row color */
    #top .avia-table tr:nth-child(odd)
    {
    background: #071137 !important;
    color: white !important;
    }
    #top .avia-table tr:nth-child(even)
    {
    background: #B2C0CE !important;
    color: #071137 !important;
    }

    Best regards,
    Ida

    #1021751

    Hi Ida,

    Glad you got it working for you! :)

    If you need further assistance please let us know.

    Best regards,
    Victoria

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.