Obtain Full Width Featured Image in Recent Posts Widget

Can you provide a link to your site please so I can inspect further?

Thanks.

Please provide a link with all support requests:)

Hannah

Sorry, here is the link to my site: https://travelbloggia.com

The recent posts widget is below the home slider. Right now there is only one post ??

I attach a screenshot of what I’m looking to achieve: https://travelbloggia.com/wp-content/uploads/2016/11/Screenshot.png

Looking forward to your response. Thx!

I would recommend enabling the Latest Blog Posts from Theme Options > Home Layout and displaying your posts that way. This should give you the look you want.
Hope it helps!

Hannah

Hi Hannah.

Thanks for your help but I may have explained this poorly. It was already enabled the latest blog posts from Theme Options > Home Layout . What I want to change is the appearance, from this to this.

I would like to style “Blog Post Summary Default: Portrait Image”. I think the problem is that the image has a “tcol-md-5” class and is cropped by default, and the summary has a “tcol-md-7” class. If it were possible to have “col-md-12” in both and overriding the cropping of the image I suppose it would be fixed, but maybe there is some easier solution ??

Alvaro

A little update.

I activated the sidebar in the home page and the Latest Blog Posts is displaying exactly like I want, with the photo above the post. The thing is that I don’t want the sidebar in the homepage ??

I hope I have explained myself well and thanks for your assistance!

Try adding this to your custom css box in Theme Options > Advanced Settings:

.home_blog .tcol-md-5.tcol-sm-12.tcol-ss-12 {
    width: 90%;
}
.home_blog article .tcol-sm-12.postcontent {
    float: none;
    width: 90%;
    margin: auto;
}
.home_blog img.iconhover {
    width: 90%;
    margin: auto !important;
}

Does that work for you?

Hannah

Thanks Anna! It works fine but the image has a very low-quality and is not centered, you can check it here.

After checking with Firebug I think it is because the image has been resized, but the original size is 270×270; this the default size for featured images I suppose.

Would be possible to change the size of the image and center it?

Alvaro

Hey,
To change the image size you would have to edit the template and you would need to do that through a child theme. Css can’t change which file is being pulled into the page.

in terms of center you can change this:

.home_blog .tcol-md-5.tcol-sm-12.tcol-ss-12 {
    width: 90%;
}

to this:

.home_blog .tcol-md-5.tcol-sm-12.tcol-ss-12 {
    width: 100%;
    float: none;
}

Ben
Kadence Themes

Thank you Ben.

I already have a child theme but I don’t know how to edit the template. I have searched in other forums and found this topic. But the file “blog-home.php” must’ve been slightly modified because I can’t find those exact lines to change. Nevertheless I’ve modified myself some lines like
$image = aq_resize($image_src[0], $img_width, 270, true, false, false, $image_id);
to
$image = aq_resize($image_src[0], $img_width, null, true, false, false, $image_id);
but with no luck.

Thanks for all the support you are providing.