Hi.
I am happy to hear it is useful :). So to be clear, you mean space inside each row (between the text and the border, marked in green in the example image), or space outside each row (between each border, marked in red), or space between each group of rows (marked in blue)? Image: https://drive.google.com/file/d/1hEmvT3K9F7Ix0F7x5NCZIuQ82FqNxI5m/view?usp=sharing
Thank you for making it really easy to explain myself better. In the image you provided I was referring to the blue arrows. I would like to way to add a little gap in the space between each group of rows.
I appreciate your consideration.
You can do this by adding this custom CSS code below on your site. But you need to replace the 650 with the value for “Enable on screens smaller than” minus 1. Also replace #dddddd with the value for the option “Border color for cells in even rows”. Also replace the #bbbbbb with the value of the option “Border color for cells in odd rows”. And replace 15 with the size of the space you want.
@media (max-width: 650px) {
.mtr-table tr:nth-child(even) .mtr-td-tag:first-of-type {
border-top: 1px solid #dddddd !important;
}
.mtr-table tr:nth-child(odd) .mtr-td-tag:first-of-type {
border-top: 1px solid #bbbbbb !important;
}
.mtr-table tr {
margin-bottom: 15px;
}
.mtr-table tr:last-of-type {
margin-bottom: 0px;
}
}
Perfect. Thank you for the help.
