This topic contains 8 replies, has 2 voices, and was last updated by  kkrizsan 2 months, 1 week ago.

Featured image size – list posts

  • Hi,

    I would like to use list posts on my website but would prefer the featured image size to be either a square, a portrait or the original crop. Is there a custom css to change that?

    Thanks,
    K

    Hi,

    To do that, please do following steps:

    1/ Edit the code like on this image.

    2/ Install & active plugin Regenerate Thumbnail
    After installed & active plugin, go to admin > Tools > Regen. Thumbnails > Click button “Regenerate All Thumbnails” and wait for it until it’s done 100%

    3/ Add more this code to Customize > Custom CSS:

    .penci-image-holder:before{ padding-top: 100%; }
    

    Best Regards,
    PenciDesign

    Hi,

    Thanks for the quick reply.

    I have tried your suggestion three times but it did not work unfortunately. Is there any other way? (I forgot to mention that i have a sidebar as well, I am not sure if that makes a difference)

    Thank you.

    Hi,

    Can you show me your site url?

    Best Regards,
    PenciDesign

    Hi,

    Because you did copy wrong the code in step 3.
    I said with you this code:

    .penci-image-holder:before{ padding-top: 100%; }
    

    While you’re using this code:

    .penci-image-holder: before{ padding-top: 100%; }
    

    Have a white space before : and before

    Please copy it again.

    Best Regards,
    PenciDesign

    It is still not working I’m afraid.

    Hi,

    I saw you have this custom css code:

    .penci-slider .penci-direction-nav 
    .penci-image-holder:before{ padding-top: 100%; }
    

    Please remove:

    .penci-slider .penci-direction-nav
    

    because this will make the code I sent you doesn’t work

    Best Regards,
    PenciDesign

    It is working now! Thank you very much for the amazing help!

You must be logged in to reply to this topic.