Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1049716

    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!

    #1050726

    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

    #1051010

    Awesome, thank you much!

    #1051155

    Hi,

    You’re welcome! Glad we could help. Please open a new thread if you need anything else.

    Best regards,
    Ismael

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.