WordPress.org

Ready to get started?Download WordPress

Forums

Changing Preview Image Size? (2 posts)

  1. nats2907
    Member
    Posted 1 year ago #

    Hi, I have the theme 'Scrappy' and I have set up my site as follows:

    All blog posts are posted under category 'blog'
    Home page has been changed to display category archive 'blog'

    With the set up of the category page, there is the title, the featured image and an excerpt of the post. The problem is that the featured image size is far too wide- it stretches each picture and looks terrible. I've tried editing the image size, including choosing a different size on the image uploader but this hasn't worked. I'm assuming I need to change a code somewhere, but I'm not sure where I would find this. I've tried content.php and archives.php

    If anybody could help me with this, it would be greatly appreciated- fed up of the page looking so bad!

  2. francomusso
    Member
    Posted 1 year ago #

    Hi nats2907,
    You need to edit the style.css file (this can be done from the dashboard by going to Appearance > Editor)

    The image is styled using img.wp-post-image. Use one of the examples below...

    To scale based on a percentage of the column width:

    img.wp-post-image {
    width: 50%;
    height: auto;
    }

    To scale to specific pixel dimensions:

    img.wp-post-image {
    width: 300px;
    height: 200px;
    }

    I hope that helps. Please mark as resolved if that sorts it

Topic Closed

This topic has been closed to new replies.

About this Topic