Reply 325101 to: How to get bordered layout on related product section?

Avatar: Rose Tyler
Rose Tyler
Support staff
June 3, 2022 at 10:13

Try to use the next custom CSS code:

.related-products .product {
    border-bottom: 1px solid var(--et_border-color);
    border-right: 1px solid var(--et_border-color);
    display: flex;
    justify-content: center;
}
.related-products {
    border-top: 1px solid var(--et_border-color);
    border-left: 1px solid var(--et_border-color);
    display: flex;
    flex-wrap: wrap;
    flex: 1;
}
.related-products .content-product {
    flex-direction: column;
    justify-content: normal;
    display: flex;
    flex: 1;
}
.related-products .content-product .product-details {
    padding-bottom: 0px;
}

Regards

Go To The Whole Conversation In Topic
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.