Remove borders on product grids
-
I want to remove the borders on product grid and also add a border above the prices. I am attaching a screenshot. I have not checked the option “Bordered grid” from the template since i have chosen a particular style from the products grid options.
Attachments:
You must be
logged in to view attached files.
Hello,
1. To remove the border from the products grid, please go to Theme Settings >> Shop >> PRODUCTS STYLES >> Disable the Bordered grid option: http://prnt.sc/114s5y3
2. Please use the below custom CSS code and paste it to Theme Settings >> Custom CSS >> GLobal CSS section:
span.woocommerce-Price-amount.amount {
border: 1px solid #000;
}
Best Regards.
The bordered grid option is already disabled. There is border because of the product category style chosen. This CSS code is not what i want. I just want a horizontal line above the prices on just the product grid.
Hello,
Can you please send me the WP admin login details of your site so I will check both issues and give you a possible solution?
Best Regards.
I have provided them in the private section.
Hello,
Please use the below custom CSS code:
.woodmart-hover-tiled .product-wrapper {
box-shadow: none;
}
.product-element-bottom span.price {
border-top: 1px solid #000;
}
Best Regards.
Is there a way if there is a little more blank space between the border and the price?
In fact, is there a way if there is a little more blank space between the border and the title and the price?
Hello,
Please use the below custom CSS code as well:
.product-element-bottom span.price {
padding-top: 10px;
}
.product-grid-item .woodmart-product-brands-links {
margin-bottom: 10px;
}
Best Regards.
How can i bring closer the shown attribute label closer to the product title? I have provided a screenshot.
Attachments:
You must be
logged in to view attached files.
Hello,
Please use the below custom CSS code:
.product-grid-item .product-title {
margin-bottom: 0px;
}
Best Regards.