Tagged: 

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • February 2, 2016 at 10:33 am #84418
    [email protected]
    Member

    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?

    February 2, 2016 at 3:57 pm #84426
    Mahesh
    Participant

    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
Viewing 2 posts - 1 through 2 (of 2 total)
  • The topic ‘Featured Image size’ is closed to new replies.