Products in grid – line visibility

Hello,

I have 12 products in a grid on my homepage. All around the products i have a border set up.
On top of the products the line is not showing. Take a look on the picture and you will see.

Thank you,

PS: It’s vissible on mobile devices.

Hello,

We shall fix this issue at our nearest update.

Best Regards

Can i have a temporary solution for now ?

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

@media (min-width: 1025px) {
.products-bordered-grid .col-md-4:nth-child(-n+3),
.products-bordered-grid .col-md-3:nth-child(-n+4),
.products-bordered-grid .col-6:nth-child(-n+6){
    border-top-width: 1px; }
}
@media (min-width: 577px) and (max-width: 768px) {
.products-bordered-grid .col-6:nth-child(-n+2){
    border-top-width: 1px;}
}

Best Regards

Doesn’t work. Tried on Chrome and Firefox with cleared cache (+ using WP Rocket clear cache)

Hello,

You need to correct the errors in the CSS http://prntscr.com/peo1nq When you have errors the further code does not work.

Best Regards

Ok thank you, i have missed that.

You are welcome! If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts