How to Extend Background Color Across the Entire Row in My Opening Hours Table?

How can I modify my code so that the green background color covers the entire row for the selected day (like Tuesday in the example)? Because now there are white space gaps. Here's a link to the CodePen: https://codepen.io/lccua/pen/LYwWBjd
lccua
CodePen
Shop Opening Hours
Highlights current day and shows if shop is currently open or closed...
No description
8 Replies
clevermissfox
clevermissfox2mo ago
theres some property on the table , i believe its border-collapse: collapse but i could be wrong
luca
lucaOP2mo ago
@clevermissfox wow thank you so much, i have been searching for a while
clevermissfox
clevermissfox2mo ago
Is there another property needed? Width:100% on the table nor the tr is getting rid of the borders in bw columns
Chris Bolson
Chris Bolson2mo ago
No. The width of the table is irrelevant here. All that is needed is border-collapse: collapse as you suggested.
Trifke00
Trifke002mo ago
: didnt saw OP wanted to remove gap between cols.... my bad
R.I.P
R.I.P2mo ago
is there a possiblity to make the border color green at least that part specifally?
Chris Bolson
Chris Bolson2mo ago
You should be able to add a border just as you would to any other HTML element
R.I.P
R.I.P2mo ago
ok tnx
Want results from more Discord servers?
Add your server