[[email protected]]

Is there a way to change the featured image size that displays in the front page blog roll? I would like to change it from the square image that displays by default to the same as the “featured post” image which is 350 x 197…
Is there a way to do this with custom CSS?

[Mahesh]

Hi @[email protected],

For the above, you have to create a child theme. You can find more details on creating child theme HERE. Then in child theme’s functions.php add the following codes.

add_action( 'init' , 'catchresponsive_child_adjust_image_size');
function catchresponsive_child_adjust_image_size() {
    remove_image_size( 'catchresponsive-square');
    add_image_size( 'catchresponsive-square', 300, 197, true);
}

Then go to “Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS” box and add the following CSS:

.excerpt-image-left .has-post-thumbnail .archive-post-wrap .entry-container {
    width: 60%;
}

.excerpt-image-left .has-post-thumbnail .archive-post-wrap .featured-image {
    max-width: 300px;
    width: 39%;
}

Regards,
Mahesh

[Author]

Posts