I created a grid on this page of my website after following the steps from this tutorial. For some reason, there is a black line that showed up under the first row. How can I get rid of it? Thanks in advance.
I checked and saw that this CSS causes the error
Now, you can add this css code at the end of the theme.scss file.
tr:first-child td:after {
display: none !important;
}
If you find our suggestion useful, please let me know by giving me a like or marking it as a solution. Also, feel free to reply if you need any further help.
yes, please add this code
- Go to Online Store->Theme->Edit code
- Asset->/timber.scss.liquid->paste below code at the bottom of the file.
tr:first-child th:after, tr:first-child td:after {
display: none !important;
}