Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • October 12, 2018 at 4:26 pm #1020730
    sitadi

    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

    October 12, 2018 at 5:37 pm #1020764
    Jordan Shannon

    Hey sitadi,

    I’m seeing it like this:

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

    Is this not correct?

    Best regards,
    Jordan Shannon

    October 12, 2018 at 6:15 pm #1020787
    sitadi

    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 6 years, 1 month ago by sitadi.
    October 15, 2018 at 3:56 am #1021350
    Vinay

    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

    October 15, 2018 at 8:36 am #1021456
    sitadi

    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

    October 15, 2018 at 7:57 pm #1021751
    Victoria

    Hi Ida,

    Glad you got it working for you! :)

    If you need further assistance please let us know.

    Best regards,
    Victoria

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.