How to change size of Review Avatar / image

This topic contains 6 replies, has 2 voices, and was last updated by  Kor 7 years, 8 months ago.

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket
  • Author
    Posts
  • #255157

    Steve
    Full Member
    Post count: 1019

    I am not having luck in trying to find the .php file that houses the avatar image size. How would I go about changing the avatar size on the GD framework review avatar image? Kind regards and thank you.

    #255428

    Kor
    Moderator
    Post count: 16516

    Hi there,

    Have you tried using custom CSS to resize the review avatar image? If you’re referring to this Website https://whatshappeningtoday.com , use the custom CSS below. If not, please share the URL in question so that I could take a better look at it.

    
    
    .comment .vcard .avatar {
        width: 30px;
    }
    #255550

    Steve
    Full Member
    Post count: 1019

    https://americancontractorexchange.com/general_contractor/california/stockton/custom-home-builder/j-j-building-and-development-company-inc/#reviews

    Good morning Kor. Thank you for your reply. The css provides a larger area around the image but the image itself is not larger.

    I googled some topics and apparently there is some .php function but I do not know where to put the code. I do not even know if that is how it is done. Here is an example: <?php echo get_avatar( $comment, 55 ); ?>

    Thanks for the suggestions.

    #255653

    Kor
    Moderator
    Post count: 16516

    Hi there,

    That .php function would reduce the size of the avatar but not reduce any space around it. You’ll still need custom CSS to achieve what you needed there. I’ve just played around with it and this is what it looks like if I apply the custom CSS below. Check out this screenshot http://prntscr.com/cbrwsg and see if it’s this what you’re looking for?

    
    
    #reviewsTab .comments-area article header cite, 
    #reviewsTab .comments-area article header time, 
    #reviewsTab .comments-area article header span.item {
        margin: 0 0 0 6%;
    }
    .comment .vcard .avatar {
        width: 30px;
        margin: 0px 0px 0px 15px;
    }
    #255684

    Steve
    Full Member
    Post count: 1019

    Thank you once again. Kor, it is the picture that needs to be increased in size. If it were the size of your avatar on GD forums it would be great. It appears to be about 24px currently on the review page. I would like to make it about 90 to 120

    #255809

    Steve
    Full Member
    Post count: 1019

    Found it! Another day and a new start… Please marked as resolved.

    #comments .commentlist .photo {
    margin-top: 0;
    width: 85px;
    margin-right: 25px;
    }

    width and margin-right to one’s taste… see https://americancontractorexchange.com/general_contractor/california/stockton/custom-home-builder/j-j-building-and-development-company-inc/#reviews

    #255813

    Kor
    Moderator
    Post count: 16516

    Hi there,

    Thanks for sharing and I’m glad that you sorted it out yourself. Let us know if you need anything else.

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

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket