Blog posts Images - by awdigital - on WordPress WooCommerce support

This topic has 6 replies, 3 voices, and was last updated 6 years, 11 months ago ago by Olga Barlow

  • Avatar: awdigital
    awdigital
    Participant
    May 10, 2017 at 01:20

    Hi,

    Even though I have selected thumbnail images for the blog page & Single post page, the images appear expanded and blurred. How do I fix this? Please login to admin panel to view page (see private content).

    Please, contact administrator
    for this information.
    5 Answers
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    May 11, 2017 at 17:14

    Hello,

    Block with image is 570px width. If you set the smaller image (in your case 300×300) image has 100% width and looks blurred. Either set the bigger image in settings http://prntscr.com/f6o3b8 or add the following code in Theme Options > Styling > Custom CSS

    article.content-chess .wp-picture img {width: auto;}

    P.S. Thumbnails is the smallest size of the images. Settings for the large, medium and thumbnails you can change in Settings > Media.

    Regards

    Avatar: awdigital
    awdigital
    Participant
    May 12, 2017 at 00:58

    Thanks. Although the single post images appear extremely large. How do I set and restrict size for single post page as I can’t see it in theme options.

    Avatar: amzy
    Amzy Leel
    Participant
    May 12, 2017 at 03:38

    crop and resize the image to the size you want using an image editor like photoshop and upload it.

    Avatar: awdigital
    awdigital
    Participant
    May 15, 2017 at 02:43

    I have already tried that and it still expands the image; hence I’ve contacted for help. Please check link in private content.

    Please, contact administrator
    for this information.
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    May 15, 2017 at 20:19

    Hello,

    Single post uses large image size (Settings > Media > large). So, either change these media settings and regenerate thumbnails or add the following custom code to add the limit for the single post image height

    article.post-grid .wp-picture img {   
        max-height: 500px;
    }

    Regards

  • Viewing 6 results - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.