I renamed additional information tabs into technical specification tab. then moved the location. But my issue is the table row seems too close to each other. i need more gap there. maybe more padding. then i want to add line between the rows. please see the attachment on the sample i wanted it to be. I tried changing the css but it is not working the way i wanted it to be.
it is working. but if you see the picture, why does the first column and second column is not on the same line. the second column text is a bit higher compared to the first one. can we make it the same?
I renamed additional information tabs into technical specification tab. then moved the location. But my issue is the table row seems too close to each other. i need more gap there. maybe more padding. then i want to add line between the rows. please see the attachment on the sample i wanted it to be. I tried changing the css but it is not working the way i wanted it to be.
Hi there,
Try adding this CSS to Custom CSS:
.shop_attributes { width: 100%; } .shop_attributes tr { border-bottom: 1px solid #CCC; padding: 10px; }Best regards,
Laborator Team
Hi,
it is working. but if you see the picture, why does the first column and second column is not on the same line. the second column text is a bit higher compared to the first one. can we make it the same?
Link
Hi again,
Use this additional CSS for it:
.woocommerce-product-attributes-item__value p { padding: 7px 0; margin: 0px; }Best regards,
Laborator Team
working great. thanks!
Happy to hear that, have a great day
Best regards,
Laborator Team