Hey liangjiashuo,
Thank you for the inquiry. And quite sorry for the late response.
You should be able to adjust the image size of the large thumbnail, which is the name of the thumbnail used in the lightbox, in the Settings > Media panel. After the adjustment, you can either regenerate all the thumbnails or upload them again.
// https://wordpress.org/plugins/regenerate-thumbnails/
Best regards,
Ismael
Hey liangjiashuo,
Thank you for the inquiry. And quite sorry for the late response.
You should be able to adjust the image size of the large thumbnail, which is the name of the thumbnail used in the lightbox, in the Settings > Media panel. After the adjustment, you can either regenerate all the thumbnails or upload them again.
// https://wordpress.org/plugins/regenerate-thumbnails/
Best regards,
Ismael
This reply has been marked as private.
Good day. I used the CSS in this post – https://kriesi.at/support/topic/magazine-size/ – to make all the thumbnails and titles larger for my Magazine element, as well as have the borders line up. It worked perfect. The CSS I used was the first reply from Yigit (March 30, 2016 at 10:24 pm) in the post.
This makes the thumbnails square. However, the thumbnails I uploaded were more of a portrait orientation, similar to an 8×11 size.
By the thumbnails being square, the bottom and top of my thumbnails get cut off. I changed the CSS from Yigit slightly and made the 3 values for “min-height” to be 120px. This gave me the portrait orientation I wanted. However, all this did was extend the container of the thumbnail and add blank space below it. You can see this in the link I included below in the “Private Content” section.
Can you tell me how I can stop, or reduce, the cutoff of the height and make it so the image fills the blank space below for each entry? Should I have not made min-height be 120px? I’m just trying to figure out how to make the thumbnail fill the blank space below with stretching the image. Thank you!
Team:
I decided to remove the thumbnails from the latest news widget – too small, and if I increase the image size e.g. to 60×60, the text overlaps the image. Thus I removed the thumbnails entirely using this code:
.newsbox .news-thumb, .newsbox .news-time {display: none;}
However, the list is not nicely readable, and thus I’d like to display it as a bullet list. How could I do that?
Thanks,
Magnus
Hello, please change the existing code (register-portfolio.php, raw 42) with our new code that contains the custom field ‘supports’ => array(‘title’,’thumbnail’,’excerpt’,’editor’,’comments’, ‘revisions’,’custom-fields’ ),
Every time when Enfold makes an update we have to change this code by hand. Please make sure that your development department will change the code automatically with every new update.
Thank you and best regards Olaf
Hi,
Is it possible to make the portfolio thumbnail images sharper?
The uploaded files are much larger, but the images are still appear blurry.
Thank you for your advice!
-
This topic was modified 5 years, 11 months ago by
designyvr.
Hi Eduardo,
When you upload the logo in Enfold > Theme Options > Logo, make sure that you chose Full Size, I think on your end by default Thumbnail is used that’s why it’s cut off.
Best regards,
Nikko
Hi Nikola,
There are 2 approaches for this, first one is via plugin:
– https://wordpress.org/plugins/simple-image-sizes/
Then go to Settings > Media, change the size of the Masonry image size and regenerate images.
Second one is via code (in a child theme).
If you don’t have a child theme yet, you’ll need to use one, you can download and find instructions in the link: https://kriesi.at/documentation/enfold/child-theme/
Then add this code at the bottom of functions.php (and change the width and height values):
function enfold_customization_modify_thumb_size( $size ) {
$size['masonry'] = array('width'=>705, 'height'=>705 , 'crop' => false);
return $size;
}
add_filter( 'avf_modify_thumb_size', 'enfold_customization_modify_thumb_size', 10, 1 );
This will only resize for masonry images that has been uploaded after the code is added.
For old images, you can use regenerate thumbnail plugins.
Best regards,
Nikko
Hi Gary,
Yes, they are hidden by design. You can add this code to make them visible again:
@media only screen and (max-width: 767px) {
.responsive table.shop_table .product-thumbnail {
display: block;
}
}
If you need further assistance please let us know.
Best regards,
Victoria
Hello Guys,
Good Morning!
I’m facing a similar problem uploading my logo, in both places, “Theme Options” Tab and also in “Header” for a transparency logo.
After upload a logo, it crop the image to a thumbnail size.
The correct size should be 300×73, it becomes a square like 80×80, even after upload in Media.
Here some Screenshots:
https://prnt.sc/rrzp36
https://prnt.sc/rrzrdt
https://prnt.sc/rrzrr8
https://prnt.sc/rrzt34
Im using Enfold ver. 4.7.4
WP: 5.4
Looking forward to solve this.
Thanks in advance.
Cheers,
Eduardo.
Hello Guys,
Good Morning!
I’m facing a similar problem uploading my logo, in both places, “Theme Options” Tab and also in “Header” for a transparency logo.
After upload a logo, it crop the image to a thumbnail size.
The correct size should be 300×73, it becomes a square like 80×80, even after upload in Media.
Here some Screenshots:
https://prnt.sc/rrzp36
https://prnt.sc/rrzrdt
https://prnt.sc/rrzrr8
https://prnt.sc/rrzt34
Im using Enfold ver. 4.7.4
WP: 5.4
Looking forward to solve this.
Thanks in advance.
Cheers,
Eduardo.
Hey Jordan,
Still having this issue.
There are 4 Images in the gallery but only 3 thumbnails underneath. At initial load the first image is showing (in big view top of the 3 thumbnails of the other 3 images in the gallery) When I hover the thumbnails it is not possible to go back to the first image. Shouldn´t be all 4 images displayed as a thumbnail so that I can jump back? Hope that discribes the issue. (when I click on the image lightbox is opening and there I can navigate through all the images. But not every user will click on the thumbnails)
Notice: the first 2 images look quite simmilar. The first one has some additional text, the second one has no text included. Maybe you didn´t notice when you had a first look.
Hi there,
….hope you have a clue what causes this strange behaviour.
I just realized that when I use the gallery-element the first image in the gallery is showing in the beginning but when hovering the thumbnails underneath there´s no thumbnail for the first image. So when you look through the images (without opening via lightbox by hovering the thumbnails) the first image is not showing any more. Kind of strange?
Well it´s not a big issue but quite strange. Help appreciated.
thx in advance,
GePu
Hi Mike,
Tried it. I had to use both the removing of the thumbnail rendering plus the CSS (or the default pencil would appear when you hover over the image and it was strange behavior) but it looks awful either way as the boxes have different sizes according to the title length.
I think it would be best if maybe you would consider it as an option for a new Enfold release? Show titles and no thumbnails?
How can I change the number of related posts that render from 6 to 4? This would help load less images (lower the number of HTTP requests) per post as well.
Thank you so much!
Havi
I had recently asked about the thumbnail size in my shopping cart..but thought I should start a new thread concerning the font size.
The default font in the shopping cart is 6pt. Its way too small for most of our shoppers online.
Can it be changed through css?
if so..can you give me the css code?
Thanks so much in advance?>
Hey grivers99,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
.woocommerce .cart.shop_table .product-thumbnail img {
width: 300px;
}
If you need further assistance please let us know.
Best regards,
Victoria
Hi,
Thank you for the update.
The value sticky will actually cause the sales badge to stick on scroll. Please try to use this css code instead.
#top #wrap_all .main_color .onsale {
display: none;
}
#top #wrap_all .product_on_sale .thumbnail_container::before {
content: 'Sale';
background: red;
height: 50px;
border-radius: 100%;
line-height: 50px;
width: 50px;
display: block;
text-align: center;
color: white;
position: absolute;
right: 10px;
}
Best regards,
Ismael
Hi There
Yes if I could have some help with the CSS.
1. On the mobile, I want to hide the grey thumbnail at the top of the post page.
Here’s a screenshot.
https://www.dropbox.com/s/1wjtirxxni0xvhn/Screenshot%202020-03-30%2014.15.33.png?dl=0
2. On the mobile, I want the post title font family to be the same as the desktop.
Here’s the desktop view:
https://www.dropbox.com/s/9qlgc57kjvn54b9/Screenshot%202020-03-30%2014.17.40.png?dl=0
Here’s the current mobile view:
https://www.dropbox.com/s/cjridumjh9shuiq/Screenshot%202020-03-30%2014.18.01.png?dl=0
Cheers Jane
I saw one answer on the forums, but i couoldnt get it to work. maybe i need a bit easier instructions. it said put a code in funtions.php file. but not sure if it meant for the woocommerce or child theme functions.php file.
IN my woocommerce shopping cart the thumbnails are a ridiculouslyu small 45×45 (or smaller)… I want them to show up to be at least 100×100.
(The original pic is 600×600.
How do I do that?
I would appreciate a fix…
yes – and maybe then you have to style a bit this new content:
.search-result-counter {
padding: 0;
}
.search-result-counter img {
width: 100%;
height: 100%;
border-radius: 100px;
}
and if you like to have both Counter and above the heading an image replace with f.e.
$searchimage = get_the_post_thumbnail( $the_id, 'entry_with_sidebar' ); // look to the info on the bottom - you can take what you like to have here
echo "<span class='search-result-image'>{$searchimage}</span>";
echo "<span class='search-result-counter {$counterclass}'>{$post_loop_count}</span>";
then style it with f.e.:
.search-result-image img {
width: 300px;
}

_________________
just for info:
$avia_config['imgSize']['widget'] = array('width'=>36, 'height'=>36);
$avia_config['imgSize']['square'] = array('width'=>180, 'height'=>180);
$avia_config['imgSize']['featured'] = array('width'=>1500, 'height'=>430 );
$avia_config['imgSize']['featured_large'] = array('width'=>1500, 'height'=>630 );
$avia_config['imgSize']['extra_large'] = array('width'=>1500, 'height'=>1500 ,
$avia_config['imgSize']['portfolio'] = array('width'=>495, 'height'=>400 );
$avia_config['imgSize']['portfolio_small'] = array('width'=>260, 'height'=>185 );
$avia_config['imgSize']['gallery'] = array('width'=>845, 'height'=>684 );
$avia_config['imgSize']['magazine'] = array('width'=>710, 'height'=>375 );
$avia_config['imgSize']['masonry'] = array('width'=>705, 'height'=>705 ,
$avia_config['imgSize']['entry_with_sidebar'] = array('width'=>845, 'height'=>321);
$avia_config['imgSize']['entry_without_sidebar']= array('width'=>1210, 'height'=>423 );
-
This reply was modified 5 years, 12 months ago by
Guenni007.
Hey adxdigitalmarketing,
Sorry for the late reply, find the loop-search.php in enfold/includes and make a copy of it and upload it to your child-theme subfolder “includes” such as: “enfold-child/includes”
On line 33 look for:
echo "<span class='search-result-counter {$counterclass}'>{$post_loop_count}</span>";
and replace with:
$searchthumb = get_the_post_thumbnail( $the_id, 'large' );
echo "<span class='search-result-counter {$counterclass}'>{$searchthumb}</span>";
The expected results:

Best regards,
Mike
try this in your child-theme functions.php:
Here you can choose which of the image formats commonly used in Enfold you would like to use.
function thumbnail_in_content($atts) {
global $post;
return get_the_post_thumbnail( $the_id, 'entry_with_sidebar' ); // image-size you like to use - adjust to your needs
}
add_shortcode('postImg', 'thumbnail_in_content');
add_filter('avf_template_builder_content', 'avf_template_builder_content_postimage_mod', 10, 1);
function avf_template_builder_content_postimage_mod($content = "")
{
if(is_singular('post') || is_singular('portfolio') ) {
$featuredImage = do_shortcode("[postImg]");
$content = $featuredImage . $content ;
}
return $content;
}
______________________________________
Just for Info – not to place in the child-theme
these are the used image sizes in Enfold:
$avia_config['imgSize']['widget'] = array('width'=>36, 'height'=>36);
$avia_config['imgSize']['square'] = array('width'=>180, 'height'=>180);
$avia_config['imgSize']['featured'] = array('width'=>1500, 'height'=>430 );
$avia_config['imgSize']['featured_large'] = array('width'=>1500, 'height'=>630 );
$avia_config['imgSize']['extra_large'] = array('width'=>1500, 'height'=>1500 ,
$avia_config['imgSize']['portfolio'] = array('width'=>495, 'height'=>400 );
$avia_config['imgSize']['portfolio_small'] = array('width'=>260, 'height'=>185 );
$avia_config['imgSize']['gallery'] = array('width'=>845, 'height'=>684 );
$avia_config['imgSize']['magazine'] = array('width'=>710, 'height'=>375 );
$avia_config['imgSize']['masonry'] = array('width'=>705, 'height'=>705 ,
$avia_config['imgSize']['entry_with_sidebar'] = array('width'=>845, 'height'=>321);
$avia_config['imgSize']['entry_without_sidebar']= array('width'=>1210, 'height'=>423 );
Hello,
ok, thank you for the reply. I do not like Masnory styled layout that is the main reason why I do prefer 1:1 for thumbnails..
But can I use “Masnory” and modify it to be 1:1 in that case perhaps ?
Best regards
Amel
Hi There,
I have made some styling changes to my blog, I’m using the default blog style with the grid layout, the changes appear on the desktop but not mobile. Here are the changes I’ve made.
1. Remove the small thumbnail from the post page.
.single .big-preview.single-small, .single .blog-meta {
display: none!important;
}
2. Change the style of the blog titles on the blog page.
h3.slide-entry-title.entry-title {
text-align: cente r!important;
margin-top: 12px !important;
font-family: poynter-oldstyle-display, serif !important;
font-weight: 300 !important;
font-size: 22px !important;
text-transform: none !important;
letter-spacing: 0.3px !important;
}
-
This topic was modified 6 years ago by
Byrne.
Hi,
Please let me know how can I make the thumbnail images from the shop page of my website to follow the design randomly.
Kind regards,
Tony
Hi,
You could try removing the thumbnails from this file:
\enfold\includes\related-posts.php
Try line 124 and change from: $output .= $image; to //$output .= $image;
Best regards,
Mike
Hi,
The size of the masonry thumbnails vary because the theme is scaling the images instead of cropping them, leaving their aspect ratio intact. If you want to crop the images to the exact dimension regardless of their aspect ratio, you have enable cropping or set the crop parameter of the add_image_size function to true. You can do that manually by editing the predefined thumbnail parameters in functions.php file or by defining your own “masonry” thumbnail using the add_image_size function.
$avia_config['imgSize']['masonry'] = array('width'=>705, 'height'=>705 , 'crop' => false); // images for fullscreen masonry
// https://developer.wordpress.org/reference/functions/add_image_size/
Or you can use this plugin to enable cropping for the “masonry” thumbnails.
// https://wordpress.org/plugins/simple-image-sizes/
You have to regenerate the thumbnails after updating the parameters.
Best regards,
Ismael
Hi Mike,
It did work as a CSS and it’s not displaying them but it still loads the thumbnail. Do you know how I can avoid loading the thumbnail? My goal is to speed up the page load and reduce the DOM size.
Changing the number of related posts from 6 to 4 could help too if avoiding the thumbnail load is too difficult or too complex.
Thank you!!
Havi
PS: Sending you the URL to webpagetest.org so you can see the waterfall: https://www.webpagetest.org/result/200325_QY_c20fbb611ddb6ea09446c4b28fcf71e3/1/details/#waterfall_view_step1
hi, could anyone help me to get layout like this: 
or could I just have the next and previous link and thumbnail beside the post .
sorry for my bad engslish
-
This topic was modified 6 years ago by
hanafi1234.