Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #850702

    Hello,

    I would like to change the size of the thumbnails in the “single-small” blog view.
    At the moment they are 180x180px scaled to 81x81px.

    I would like them to have a width of 100px without scaling and a 16:9 format.

    Giving the “sqare” image format a new crop size (I use the plugin “Simple Image Sizes“) does not change the output scaling of 81px width and the thumbnails do not fit the overlay anymore.

    Best regards,
    Neverlands

    #851341

    Hey Neverlands,

    Thank you for using Enfold.

    Please use the following css declaration to adjust the width and height of the preview container.

    .small-preview {
        width: 100px;
        height: 81px;
        border-radius: 4px;
        float: left;
        margin: 6px 0 0 0;
        line-height: 81px;
    }

    Default width value is 81px.

    Best regards,
    Ismael

    #851620

    Hi Ismael,
    thanks for your reply!

    I changed the css sizes the following way, so that I get a 16:9 format, also adjustet the timeline line and regenerated the thumbnails:

    /* Blog View single-small Thumbnails  & Timeline & Overlay */
    .small-preview {
        width: 195px !important;
        height: 100px !important;
        line-height: 195px !important;
    }
    
    .post_author_timeline {
        right: 99px !important;
    }
    
    div.blog-meta .image-overlay .image-overlay-inside {
        top: -3px !important;
    }
    
    div.blog-meta .rounded-container .iconfont, .small-preview .iconfont {
        font-size: 30px !important;
        top: -48px !important;
    }

    That’s what I wanted – thank you very much!
    Best regards,
    Neverlands

    #851787

    Hi,

    I’m glad you were able to get this corrected. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

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