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