How to resize featured image?

  • Unknown's avatar
    davidboglin · Member ·

    Ok so I have the twenty fifteen theme and I would like to resize the featured image or thumbnail. I want the width to be exactly the same as the paragraphs underneath them. If possible, I’d like to use code I can put into a custom css.

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    thesacredpath · Member ·

    Hi @, it looks like you are using WordPress but you are not hosted here at WordPress.com. For self-hosted WordPress sites using Twenty Fifteen, I would suggest posting in the Twenty Fifteen Support Forum at WordPress.org.

    For general questions on self-hosted WordPress.org installations, visit http://wordpress.org/support/.

    The differences between WordPress.com and WordPress.org.

    I did take a quick look at your site and the following removes the 10% padding on the entry content and then adds padding on the left and right of the parent article div and sets the image to be the same width. This should get you started. 

    .entry-content, .entry-summary, .entry-header {
    padding-left: 0;
    padding-right: 0;
}
.post-thumbnail img {
    width: 100%;
}
.hentry {
    padding-left: 7%;
    padding-right: 7%;
}

    If you have not yet done so, I would suggest creating a child theme so that any customizations you make will not be overwritten by a future theme update. Alternately you can use the Edit CSS function in the Jetpack plugin, or use one of the other Custom CSS plugins that will keep CSS changes from being overwritten.

    Child Themes
    Child Theme creation plugins
    Jetpack plugin
    Custom CSS plugins

  • The topic ‘How to resize featured image?’ is closed to new replies.