Tagged: Enfold 4.4.1
Hello,
I have noticed a couple of things I would like to modify within our Review Tab on our single product pages. I’ve noticed that the avatars are aligning stacked to the top left, the number of the review stacked to the top right and under each review a “⭑ Loading…” appears.
I realize this may be fixable by updating to Enfold 4.5, but I recently had some issues with 4.5, so I would like to hold off for a while longer. We’re in the last day of selling a product now and offering a new product tomorrow, so I don’t want to do anything to affect the functionality.
Is there any way that I can use some CSS to modify how the review appears? Or even to remove the Avatars, Review numbering and the “⭑ Loading…” elements?
Many thanks in advance and Happy New Year!
Hey npmcgrew,
Thank you for using Enfold.
Use this css code to remove those elements.
div #reviews #comments ol.commentlist li .avatar, .comment-likes-widget-placeholder .loading {
display: none !important;
}
#top div div.product .woocommerce-tabs .panel #reviews:before {
content: '';
display: block;
width: 50px;
height: 500px;
background: #f8f8f8;
position: absolute;
right: 0;
z-index: 100;
}
#top div div.product .woocommerce-tabs .panel #reviews {
position: relative;
}
Best regards,
Ismael
Awesome, thank you much!