Hide the separator line in the grid products page if no attributes

Hello,

Add the below Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS.

.wd-product.wd-hover-fw-button :is(.hover-content-wrap, .wd-progress-bar) {
    border-top: 0px !important;
}

Best Regards.

Hello,

Yes, it will remove the line on all the products. It is not possible to keep the line in some products where the attributes are added. HTML structure does not allow solving it by custom CSS.

Best Regards.

Hello,

Add the below Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS.

.wd-product.wd-hover-fw-button .wd-product-countdown {
    border-top: 0px !important;
}

Best Regards.

Hello,

Sorry, but there is no option in Theme Settings available for that.

It requires customizations and this is beyond our limitations and support policy.

Regards.
Xtemos Studios

Hello

If you don’t want to show either the short description or the attributes on the grid, there is a special option that will disable this wrapper on the grid https://prnt.sc/iTLs9zWb0b_s. However, if you has enabled product attributes (Additional content) but decided not to add attributes for certain products (which is very rare), then you should use this custom solution.

.hover-content-wrap:not(:has(.shop_attributes)) {
	display: none;
}

Best Regards.

• This reply was modified 5 months ago by Aizaz Imtiaz Awan.

Hi,

I have checked your site and didn’t find the applied custom code provided earlier in the following reply https://xtemos.com/forums/topic/hide-the-separator-line-in-the-grid-products-page-if-no-attributes/#post-582851.

Without custom code – https://prnt.sc/T2CvFOKYi737.
With custom code – https://prnt.sc/gKclRMtE9QtA.

With this custom code, the border will be visible only if hover-content-wrap contains attributes. In other cases, it will be hidden, which is what you requested in this message https://xtemos.com/forums/topic/hide-the-separator-line-in-the-grid-products-page-if-no-attributes/#post-582501. Try to first add custom CSS code from the previous reply to your Global Custom CSS area and check again.

Kind Regards

I checked both links, and the product’s custom code on them works identical without border. Here’s the video:

filtres – https://monosnap.com/file/fK3oMsmcn8yIniNkTCQ4TcNOK0loQx
non-categorisee – https://monosnap.com/file/rMrZhFzZCVF7V6cjrZpELl6bzHGjAe

Kind Regards

In your initial message, you complained about a border or separator in an area that was supposed to display attributes if a specific grid product didn’t have any attributes. Your screenshot from first message (https://monosnap.com/file/GItxh6SmOL4mIHmHTT9ubM41bHoWe9).

With the custom code provided in this post, this border has been removed:

1. Product video without custom code separator/border is visible: https://monosnap.com/file/KxXQ5PvLvwaPYdlA403fr6OloIbM65.
2. Product video with custom code: https://monosnap.com/file/qRKe3X5qD6KsyouvQSuT3iB1epookD.

Currently, the design of all products does not include any borders or separators you mentioned in your initial message. We are attaching a slow-motion hover video (https://monosnap.com/file/6qGXVZwHMqFG35bb12UZASJjeX8Ssz) of the product, where frame by frame you can see that it does not contain any static borders, both idle and during hover.

Kind Regards