Show attributes on my product category page.
-
Hello,
i have a site name https://renotoolsbd.com/.
in my site i want to show product attributes on every product without hover.
like attach my screenshot. but it’s only show one attribute. like capacity. if i add another attribute like watt. its not showing without hover.
Attachments:
You must be
logged in to view attached files.
Hello,
Please add the below Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:
.product-grid-item.wd-hover-with-fade .fade-in-block {
position: static !important;
visibility: visible !important;
opacity: 1 !important;
display: block !important;
padding: 5px 0 !important;
border: none !important;
margin-top: 5px !important;
}
Best Regards,
Thanks for your reply.
it’s working but i need style change.
in my attachment, you can see or browse my site.
1. When hover the product, product section is bigger and drop lower section.
i don’t need that.
2. there is a border in attribute top. i don’t need also this.
name after attribute . no big gap between them.
Attachments:
You must be
logged in to view attached files.
Hello,
Sorry to hear about the inconvenience. Kindly, please share your Site WP-ADMIN Login details in the Private Content field so that we can check this concern on your Site and help you out accordingly.
Best Regards,
after login if dashboar deafult not loding. please past this url one your browser.
default dashboard not loding on my site.
https://renotoolsbd.com/wp-admin/themes.php
Hello,
Please 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: none !important;
}
.wd-hover-with-fade .content-product-imagin {
position: static !important;
visibility: visible !important;
opacity: 1 !important;
transform: none !important;
box-shadow: none !important;
}
.products-bordered-grid .wd-hover-with-fade .content-product-imagin {
border: none;
}
Best Regards,
thanks for your reply.
it’s working. but between product name and attribute display none element create space.
for that looks not good.
i want to minimize this gap.
you can see my attachment.
Attachments:
You must be
logged in to view attached files.
.
