Featured Image Size Customization?

Tagged: Featured Image size

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

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

1 2 →

Author

Posts
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

September 18, 2017 at 9:23 pm #8314

Alicia
Member

That didn’t fix the other blocks. They are still stretched out. The only row it fixed is the bottom row about pets – which uses home blocks 3. You can see it here:
https://www.TaylorLife.com

The recipes section and the health section are both stretched out.
Author

Posts