• Resolved nickpagz

    (@npagazani)


    Hi,
    I have all my testimonials on a single page, and have the “Link to full testimonial” option turned on.

    When clicked, the testimonial opens in the single template.

    If an image is included in the testimonial, my theme displays the image at full width, or really large anyways.

    Is there a way, maybe some css code, that I can use to limit the width of the image?

    Thanks,
    Nick

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Contributor Chris Dillon

    (@cdillon27)

    We can do that with PHP:

    function my_testimonial_thumbnail_size( $size, $post_id ) {
    	if ( 'wpm-testimonial' == get_post_type( $post_id ) ) {
    		return 'medium';
    	}
    	return $size;
    }
    add_filter( 'post_thumbnail_size', 'my_testimonial_thumbnail_size', 10, 2 );

    Add that code to your theme’s functions.php or with a plugin like Code Snippets (recommended).

    Replace medium with your desired size.

    The default image sizes of WordPress are “thumbnail” (and its “thumb” alias), “medium”, “medium_large”, “large” and “full” (the image you uploaded).

    https://codex.www.ads-software.com/Post_Thumbnails

    Find your available sizes and/or add custom sizes with a plugin like Simple Image Sizes.

    Thread Starter nickpagz

    (@npagazani)

    Hi @cdillon27,

    This worked to change the size, but on the wrong page.

    It changed the image size on this page (made it slightly larger):
    https://blogger2wp.com/blogger-testimonials/

    But I want to reduce the image size on the single testimonial page, like this one:
    https://blogger2wp.com/testimonial/seamless-installation/

    Sorry, this confusion might have been my fault, I originally sent you the link to the former page, misleading you on which page I wanted the image adjusted on.

    Thanks!
    Nick

    Plugin Contributor Chris Dillon

    (@cdillon27)

    Nope, my fault. Try this instead:

    function my_testimonial_thumbnail_size( $size, $post_id ) {
    	if ( is_singular( 'wpm-testimonial' ) ) {
    		return 'medium';
    	}
    	return $size;
    }
    add_filter( 'post_thumbnail_size', 'my_testimonial_thumbnail_size', 10, 2 );

    Then clear your Rocket Cache.

    Thread Starter nickpagz

    (@npagazani)

    Hi @cdillon27,

    OK, this kind of worked, but not really. I know the code is working, but the image still shows full width. I can tell because if I change the size to ‘thumbnail’, the image stays the same size, but the resolution is horrible. So it seems the theme is expanding the image to fit the page, regardless of the thumbnail size specified.

    I suppose I’ll have to figure out what css code is generating this and override it.
    Any other suggestions?

    Thanks,
    Nick

    Plugin Contributor Chris Dillon

    (@cdillon27)

    Good clue. I see this CSS from a plugin named “core-extend” (?):

    .post-preview img {
        width: 100%;
    }

    You could override that with:

    .single-wpm-testimonial .post-preview img {
        width: auto;
    }
    Thread Starter nickpagz

    (@npagazani)

    Perfect! This css worked brilliantly with the code/function to change the size.

    I was also able to get rid of the gravatar/published by – the theme includes between the testimonial title and the image with this code:

    
    .single-wpm-testimonial .entry-meta {
    	display: none;
    }
    

    The only last thing that would make this plugin perfect for me would be to some how get the url in the testimonials to open in a new tab/page.

    Otherwise, thanks for the amazing support!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Limit image size in single template’ is closed to new replies.