Tagged: ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #790840

    Hi Enfold team!

    Would it be possible to change my blog’s thumbnail preview (the one right beside the blog title) from square to rectangular? I would like them to be properly displayed as thumbnails without the images cropped, they are all 844×400 in size and it would take too much time to convert them all to square.


    Here’s the link to my blog.

    Thanks!

    #791182

    Hey!

    Please try the following:
    1. Install this plugin: https://wordpress.org/plugins/simple-image-sizes/
    2. Go to Settings > Media
    3. Change the square image size (increase its width / height).
    4. Regenerate the thumbnails by clicking the button at the bottom.

    Then add following code to Quick CSS in Enfold theme options under General Styling tab and adjust as needed

    .small-preview {
        width: 180px;
        height: 120px;
    }

    Best regards,
    Yigit

    #792868

    Hey Yigit!

    Thank you so much for your response! We’re halfway there!

    Right now here’s how the blog thumbnail looks like

    These are my settings (844×440 reduced 80% to 100×52)

    Is there anything else we can do so that the thumbnail size looks like this? (doesn’t crop like the current thumbnail)

    This is the blog

    Thanks!

    • This reply was modified 7 years, 7 months ago by Archie.
    #792870

    Also, the new settings messed up the thumbnails on the testimonials. Any way we can do this without affecting the other elements like the testimonial thumbnails? Thanks!

    #792960

    Hi hackoffseries,

    Try this code, slightly adjusted:

    
    .post-entry.post.type-post .small-preview {
        width: 180px;
        height: 120px;
    }
    .template-blog .blog-meta { margin-right: 25px;}
    

    If you need further assistance please let us know.
    Best regards,
    Victoria

Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.