Viewing 8 replies - 1 through 8 (of 8 total)
  • Hi Anshul,

    I’m sorry for not getting back to you sooner. I didn’t receive an email notification about your message and I’m just seeing it now.

    The image size for thumbnails is based on your theme. The plugin just uses a percentage scale for layout.

    The easiest thing you can do is to try to shrink the size of the image as it’s displayed using the following CSS code:

    .gr-item-has-image .gr-author-img {
      width: 15%;
    }

    Alternatively, you can increase the size of the post thumbnail image registered by your theme. It’s currently at 150×150, which is the default. Changing this could have adverse consequences elsewhere, though, depending on how your theme deploys thumbnail images this size.

    Thread Starter anshulsukhwal

    (@anshulsukhwal)

    Hello Nate!

    It is okay. I understand.
    Your help is still valuable as I continue facing the same issue.
    Can you please inform, where should I insert this CSS code in order to make it work efficiently?

    I tried putting it in “Edit CSS” under Appearance but it didn’t work.

    It will be a huge help.

    Thanks and Regards
    Anshul

    Hi Anshul,

    If your theme as a place to add CSS, that’s probably a good place to do it. You may need to increase the specificity of the rule. Try this:

    .gr-review.gr-item-has-image .gr-author-img {
      width: 15%;
    }

    (I edited it to fix an error with the CSS.)

    Thread Starter anshulsukhwal

    (@anshulsukhwal)

    Hello Nate!

    I tried the updated code but still did not find it working. :-/
    I put the code at the same place : “Appearance => Edit CSS”.

    Kindly suggest.

    Thanks and Regards
    Anshul

    Thread Starter anshulsukhwal

    (@anshulsukhwal)

    Hello Nate!

    I also added the said code in the custom CSS option as available in the theme that i am using, however, it still is not showing the desired results. :-/

    Please help.

    Thanks and Regards
    Anshul

    Hi Anshul,

    There’s an extra space between .gr-review and .gr-item-has-image. I can see in the CSS code on your site that you’ve got:

    .gr-review .gr-item-has-image .gr-author-img

    But you should have:

    .gr-review.gr-item-has-image .gr-author-img

    Thread Starter anshulsukhwal

    (@anshulsukhwal)

    Hello Nate!

    I copied the code “as it is” from here but not sure how that extra-space came in. :-/
    The code works perfectly fine now.

    Thanks so much for all your help. ??

    Regards
    Anshul

    Great! Glad it’s working out for you.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Images are not clear on the "Review Page".’ is closed to new replies.