Featured Image Full Width

  • Resolved cogdog

    (@cogdog)


    6 years, 1 month ago

    Love this theme, and am using it to tune up my wife’s site. I really like the ability to select the number of columns (and many more options) in the Customizer, she wanted 2 columns on the front. A thumbnail image size of 560 / 0 worked well.

    I found she had a few featured images that were only 1024px wide originals, and it left white space on the margins. Adding this to CSS makes sure the post featured images fill the top:

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

    Might be worth adding? Thanks again.

Viewing 7 replies - 1 through 7 (of 7 total)
  • AddWeb Solution

    (@addweb-solution-pvt-ltd)

    Hello cogdog,

    1) To resize featured image, you need to go settings -> media and change thumbnail size as you require
    2) unselect the Crop thumbnail to exact dimensions (normally thumbnails are proportional) and save
    3) Now,you need to regenerate your images for that you need to install and activate plugin – Regenerate Thumbnails.
    4) go to tools -> regenerate thumbnails . click on regenerate thumbnails for featured images only.

    Hope this will helps you.

    Thanks.

    Theme Author WebMan Design | Oliver Juhas

    (@webmandesign)

    Hi,

    Thank you, I’m glad you like the theme ??

    For proper image size setup please follow theme documentation at https://webmandesign.github.io/docs/modern/#image-sizes

    However, if you’ve changed the columns number, you’ve correctly needed to change image sizes too. ??

    Might be worth adding?

    I’m not sure what you mean? You’re suggesting I should add your custom CSS into the theme itself? I’m sorry, but this will not be added to the theme as your usecase is very specific. Also, this CSS was actually remove from theme in the past not to upscale images so users can decide themselves. Thank you for understanding! But the CSS you’ve provided should work perfectly fine for your usecase ??

    Best regards,

    Oliver

    Thread Starter cogdog

    (@cogdog)

    Thanks for the response. Yes, I had changed both the columns number and the image sizes. This was a case where the theme was changed on an older blog with many posts, and not all the featured images were large enough.

    True, specific use case is mine, and it’s looking great.

    Theme Author WebMan Design | Oliver Juhas

    (@webmandesign)

    Hi,

    Please understand that new image sizes will be applied to newly uploaded images in WordPress only. To regenerate old images use a plugin such as Force Regenerate Thumbnails as stated in theme documentation at https://webmandesign.github.io/docs/modern/#image-sizes

    Regards,

    Oliver

    Thread Starter cogdog

    (@cogdog)

    Yes, I fully know and use Regenerate Thumbnails often. As far as I know, it will not upsize older featured images where the original size was smaller than a defined media size.

    Theme Author WebMan Design | Oliver Juhas

    (@webmandesign)

    Indeed, that’s true, @cogdog ??

    No yo need featured img with width 100%, simple add this code in styles.css of your child theme.

    .featured-image img {
    width: 100%;
}

    if this code reflect some issue, start fro root and specify the exact direction like 

    #page-post article.page-content .featured-image  img {
    width: 100%;
}

    Sorry for my English, i hope it will work.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Featured Image Full Width’ is closed to new replies.