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.

[Author]

Posts