Blog Post – Featured Image

  • Resolved amityadav08

    (@amityadav08)


    5 years, 10 months ago

    Featured image shown in card is not proper,

    I think this is because of

    1. Image Ratio set in Card Elements > Featured Image > Image Ratio

    <div class=”ct-ratio” style=”padding-bottom: 75%;”></div>

    setting this padding-bottom to 50% makes thumbnail appear perfectly in blog structure > simple.
    we write text on thumbnail otherwise this is not a major problem.

    You may consider this thing because every website have different dimension of thumbnail.
    Thanks

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Theme Author creativethemeshq

    (@creativethemeshq)

    Hey @amityadav08,

    Sorry for taking so long to get back to you!

    Actually this padding-bottom: 75% is expected there, this makes the ratio of 4/3 possible for thumbnails. We have an option of making this ratio 3/4, which will put there a different padding-bottom.

    Please see this video: https://cl.ly/8dad39b9bdfb

    What you are looking for, though, is 2/1 ratio — which will put padding-bottom: 50% thus making the image look like you want. We will add the option in the Card Options in the next version of Blocksy. Thanks for the suggestion and for inspecting our code ??

    Please just make sure to remove your custom padding-bottom from your CSS after you pick up the update, so that we can avoid having conflicts between our styles. I’m talking about this one: https://cl.ly/dd41e779dbbe

    Also, this break your post nav thumbs, definitely remove it ASAP ??
    Check this: https://cl.ly/e825f0eae604

    Best regards!

Viewing 1 replies (of 1 total)
  • The topic ‘Blog Post – Featured Image’ is closed to new replies.