Featured Image Size Customization?

Tagged: Featured Image size

This topic contains 22 replies, has 3 voices, and was last updated by Christopher 6 years, 7 months ago.

Viewing 15 posts - 1 through 15 (of 23 total)

1 2 →

Author

Posts
September 17, 2017 at 11:06 pm #8278

Alicia
Member

I have used the Regen Thumbnail suggested in the documentation, but am still having an aspect ratio with images. What size should our thumbnails be so they look good in all the blocks? I couldn’t find this information in the documentation. Want to Customize the featured image sizes in home page.
http://www.Taylorlife.com

September 18, 2017 at 6:28 am #8289

Christopher
Spectator

Good question. I’d like to know the answer to this too. The images in the large slider are stretched way out of propertion to make the width.

September 18, 2017 at 9:59 am #8292

Raja CRN
Keymaster

Hello,

Since The Theme comes with Responsive layout, the image with and height will change based on the Device Screen. Share your device screen resolution, We’ll check and fix if there is any image issues.

Thanks

September 18, 2017 at 10:24 am #8293

Alicia
Member

It works fine on my cell phone. However on any computer monitor, no matter what the resolution is, the image is distorted you can see it on my website
http://www.taylorlife.com

September 18, 2017 at 10:25 am #8294

Raja CRN
Keymaster

Share your screenshots to [email protected]

September 18, 2017 at 10:58 am #8295
Raja CRN
Keymaster
Hi,

Put the following code in the Additional CSS that will fix image stretch in home blocks.
```
.bfastmag-fp-s5 .bfastmag-big img {
    height: 230px;
}
```
September 18, 2017 at 7:22 pm #8304

Alicia
Member

The images are sill stretched out. It doesn’t look like it made a difference.

September 18, 2017 at 7:24 pm #8305

Raja CRN
Keymaster

Hello,

Without details about the device details, We can’t reproduce the issues here. Demo site images works without any issue.

September 18, 2017 at 7:33 pm #8307

Raja CRN
Keymaster

Hello,

The issues has been arised, since you are using the Full width layout. We’ve sent you the code for normal layout. This will fix the issue.

Here’s the code;

.bfastmag-fp-s5 .bfastmag-big img ,.bfastmag-fp-s4 .bfastmag-big img, .bfastmag-fp-s5 .bfastmag-big img{
height: 290px;
}
.bfastmag-fp-s1-posts .tp-post-thumbnail figure {
height: 200px;
}
.bfastmag-fp-s1-posts .tp-post-thumbnail figure a img {
max-height: 200px;
}

September 18, 2017 at 8:18 pm #8308

Alicia
Member

I had replied to your email with the resolution on this particular monitor – it is 1920×1080.
Thank you for the code, the images in the bottom block are still stretched.

I am using these particular home blocks:
Top: Featured Big Grid
Section 2 (Recipes) – Home Block 4
Section 3 (Health) – Home Block 5
Section 4 (Cats)- Home Block 3

September 18, 2017 at 8:19 pm #8309

Alicia
Member

The ones in the Home Block 3 are still being stretched.

September 18, 2017 at 8:20 pm #8310

Alicia
Member

Actually – all the bigger images are being stretched. Sorry for the multiple posts. When I try to edit my post, I get an error message saying I am not allowed to.

September 18, 2017 at 8:51 pm #8311

Raja CRN
Keymaster

I think, Home Block 3 is not stretched that much. But still, If you want use this code to increase the height,

.bfastmag-fp-s1-posts .tp-post-thumbnail figure {
height: 220px;
}
.bfastmag-fp-s1-posts .tp-post-thumbnail figure a img {
max-height: 220px;
}

September 18, 2017 at 9:12 pm #8312

Alicia
Member

Thank you. Aweseom! That fixed Home Block Style 3, but Home block style 4 big images and home block 5 big images are still stretched out. Is there a separate code for them? I’m using Firebug to try to figure it out on my own, but can’t figure it out. I even tried renaming the s1 to s2, s3, s4, s5, etc in the custom css, but that didn’t seem to help those blocks.

September 18, 2017 at 9:17 pm #8313

Raja CRN
Keymaster

Just increase the height 290 to 310. You don’t need include any css. We’ve included the code all blocks you used in the site.

Thanks
Author

Posts