Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • September 18, 2019 at 7:02 pm #1139631
    tivo_designs

    Hi there,

    I am trying to change the table colors within an accordion element. The background needs to be #0a0a0a, white text and with no borders. I’ve reviewed several other threads and your table rows document. It doesn’t seem to be working on my end, even when I clear the cache. Here is the Quick CSS I am using:

    #avia-menu li.menu-item:nth-last-child(2){
padding: 0 0px;
border-right: none!important;
}

/* Table rows */
#top .avia-table tr {
    color:#black;
}

/* Table border */
#top .avia-table tr {
    border: none!important;
}

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

    You can see the screenshot of what I am seeing here: https://ibb.co/k98Vb4H

    Please advise. Thank you!!!

    September 22, 2019 at 2:58 am #1140525
    Mike

    Hey tivo_designs,
    Sorry for the late reply, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    #toggle-id-1-container > div > table > tbody > tr {
	background-color: #0a0a0a !important; 
	border-color: #0a0a0a !important;
}

    Best regards,
    Mike

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