Hello,
1) Use the below code to apply border around widgets in the sidebar
.sidebar .sidebar-widget { border: 1px solid #e1e1e1; padding: 10px; background-color: #fff; margin-bottom: 15px; }
Use below code to add border around the products
.content-product { border: 1px solid #e1e1e1; padding: 10px; background-color: #fff; margin-bottom: 0; padding-bottom: 0; }
Or a combination of them if you want to apply that for both:
.sidebar .sidebar-widget, .content-product { border: 1px solid #e1e1e1; padding: 10px; background-color: #fff; } .sidebar .sidebar-widget { margin-bottom: 15px; } .content-product { margin-bottom: 0; padding-bottom: 0; }
Also, you can enable Theme Options > WooCommerce > Shop > Product styles > Products Bordered Layout option and you’ll get the following bordered layout https://prnt.sc/dDSTUKefptRG
2) Use the below code .products .product {padding: 5px;}
.products .product {padding: 5px;}
Regards
