Featured Image Size Customization?

Home Forums WordPress Theme Support BfastMag Pro Featured Image Size Customization?

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

Viewing 15 posts - 1 through 15 (of 23 total)
  • Author
    Posts
  • #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

    #8289

    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.

    #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

    #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

    #8294

    Raja CRN
    Keymaster

    Share your screenshots to support@themepacific.com

    #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;
    }
    #8304

    Alicia
    Member

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

    #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.

    #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;
    }

    #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

    #8309

    Alicia
    Member

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

    #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.

    #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;
    }

    #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.

    #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

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

Only Verified Customer of this Theme Can post reply to this Support Topic! .