mnryan11

@Design Extreme?sorry missed your latest reply as i was replying last time. I tried that code and indeed it does the trick perfectly. Amazing. Thanks very much!

#primary .post .entry-content table.opening-hours tbody tr:nth-child(2n), #primary .page .entry-content table.opening-hours tbody tr:nth-child(2n) { background: transparent; }

@Design Extreme actually your suggestion did work when I amended it to have the background color the same as the general background:

.opening-hours .day,
.opening-hours .day-name,
.opening-hours .hours {
background-color: #caebeb !important;}

The only issue is that it then also puts green color on the Opening Times table we also have in the footer. Do you think there is any way to target the table that is in the webpage body but leave the table in the Footer untouched? Thank you

• This reply was modified 1 year, 4 months ago by mnryan11.

Thanks again for the suggestion. No luck unfortunately, but will keep digging. If we can’t resolve we will go with the alternating rows but it hides the clarity around days in the past being faded (same with the Current Line table). Thank you.

@Design Extreme?thanks alot for your reply. Unfortunately the website is only on a localhost at the moment, we will be putting it on a hosted web provider in the next few weeks. I was trying to look at the page code via the Inspect function, although I could see the table there i couldn’t see any where that alternate colors were being set, or how to target the table rows to switch it off. Based on what you say, it doesn’t look like targetting the Opening Times table itself will anyway help. If you had any other recommendation to try, we would appreciate any suggestions. (PS: The theme we are using is the Restaurant & Cafe theme, which is the free version). Thank you