Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 9, 2023 at 5:05 am #1400523
    ovrit

    Hello,

    I did a test review on my new site and the white box around the text has no spacing. Is it possible to give some space between the text and white box -or- make the white box the same color as the light grey so that it looks better?
    Also, there is a weird thing going on with the stars. There are 5 larger outline grey stars behind the 5 yellow stars. How do I fix this so it looks better?

    I linked to the page I’m referencing in the private content

    Thank You

    March 10, 2023 at 6:14 am #1400637
    Ismael

    Hey ovrit,

    Thank you for the inquiry.

    To adjust the spacing around the text in the comment box, you can add some padding to it using CSS. Here’s an example:

    #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-ajax-reviews-list .review .comment-text {
    padding: 1em;
}

    And to fix the alignment of the stars, add this.

    #comments span, .minitext, .form-allowed-tags, #reply-title small, #commentform label {
    font-size: inherit;
    line-height: inherit;
}

    Best regards,
    Ismael

    March 10, 2023 at 6:56 am #1400641
    ovrit

    This works perfect! Thank you! One other thing I noticed though, on the mobile the review is a long skinny text area because of the Avatar to the left of it. Is there a way to get rid of the avatar so the white box with the review has more space to spread out?

    March 11, 2023 at 5:06 pm #1400847
    Mike

    Hi,
    Please try this css:

    @media only screen and (max-width: 767px) { 
	#top.single-product #reviews .comment_container img,
	#top.single-product #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-ajax-reviews-list .cr-avatar-check {
		display: none;
	}
	#top.single-product #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-ajax-reviews-list .comment_container .comment-text {
		margin: 0;
	}
	#top.single-product #reviews .comment_container {
    padding-right: 0;
}
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    March 12, 2023 at 1:13 am #1400896
    ovrit

    Thank you Mike! That worked perfect! It all looks great now.

    March 12, 2023 at 12:12 pm #1400912
    Mike

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Woocomerce Review Tab on Product Page Adjustment’ is closed to new replies.