Hi Team,
I see that Enfold creates many sizes for every image, so I just want to use some thumbnails from settings. How can i deactivate the rest of sizes that Enfold creates? (portfolio, woocommerce, etc…)
Thanks
Alberto
Hi Victoria!
Welcome to Enfold! I think you are new here? Thank you for your help!!!
I went into WordPress settings and changed the default thumbnail from 80×80 to 150×150 and am hoping this might solve it? Do you think I also need to make the modification above?
Thanks!!!!
Rob
Hey goldengate415,
Could be that some thumb settings changed. You could try to use big thumb
get_the_post_thumbnail( $post->ID, ‘large’, array( ‘style’ => ‘margin-bottom: 15px;’ ) )
and see what happens.
If you need further assistance please let us know.
Best regards,
Victoria
Hey Wanda,
make sure to upload images with the exact same size.
Also try the following:
1. Install this plugin: https://wordpress.org/plugins/simple-image-sizes/
2. Go to Settings > Media
3. Change the image size (increase its width / height).
4. Regenerate the thumbnails by clicking the button at the bottom.
Best regards,
Andy
Hi Ismael,
Thanks for this. The preview image size was set before to manual and the Featured Image size of 1500 x 630 was chosen. I’ve disabled and uninstalled the lightbox plugin as you told me and I’ve also deactivated it from Enfold too but the thumbnail still seems to be showing more than 630. Is there anything else I can do?
Thanks and Regards,
Matt
Hi Yigit!
Thanks, great. We could replicate your layout and, on this way, found out the reason:
We have changed the ‘Blog content length’ setting in the ALB element ‘Blog Entries’ from ‘Show excerpt and read more link’ to ‘Show complete content’ and we use the ‘Read more tags’ in our Blog Posts.
The page shows now the gallery with thumbnails as well as the audio and video player – with a read more link. A little bit curious, but it works.
Thanks and best regards
Bernd
Hi,
Please edit the post slider element, set the “Preview Image Size” to manual then choose the thumbnail size that you want. I checked the page but the slider is not working due to the following errors.
Uncaught TypeError: jQuery(…).lightbox is not a function
at custom.js:2
at dispatch (jquery.js:1)
at r.handle (jquery.js:1)
Please disable the lightbox plugin.
Best regards,
Ismael
Hi,
To target the store page only replace the previous codes with this:
#top.page-id-3750 #wrap_all .all_colors h3 {
font-size: 16px!important;
}
#top.page-id-3750 .thumbnail_container img {
margin: 0 auto!important;
width: 70%!important;
}
To make the cart buttons more visisble use the following:
.avia_cart_buttons {
opacity: 1!important;
}
Best regards,
Jordan Shannon
Hi,
Please add this to quick css:
#top #wrap_all .all_colors h3 {
font-size: 16px!important;
}
#top .thumbnail_container img {
margin: 0 auto!important;
width: 70%!important;
}
Let me know if this works for you.
Best regards,
Jordan Shannon
Hi Victoria,
you can see an example of a double lightbox here: http://pfeil-verlag.de/publikationen/die-fruehzeit-der-saurier-in-deutschland/
(clicking on the thumbnails below the main cover).
So according to Firsh’s recommendation I would like to exclude the imgaes with rel=”Jig[1]” from the Enfold lightbox.
Cheers,
Michael
Hi,
If you’re using the advance layout builder, the single portfolio page should be blank. Anyway, add the following css code to remove the thumbnail, related items and the tags.
.single portfolio .blog-tags, .single-portfolio .page-thumb, .single-portfolio .jp-relatedposts {
display: none !important;
}
Best regards,
Ismael
Hi Mike that code worked. I have included login details below
Please could you look at another issue on the home page when you are in there as follows:
Any time I make any change to any aspect of the home page the following code gets changes and the news items in the tabs section display as large images without thumbnails. So each time I make any change I also have to reset this code
display-posts include_excerpt=”true” excerpt_length=”18″ excerpt_more=”more>>” excerpt_more_link=”true” posts_per_page=”3″ image_size=”thumbnail” wrapper=”div”
Many thanks
Jenny
I have 13 different galleries set up on one page.
There are 3 to 9 images in each gallery.
The first 3 galleries on top display the thumbnails just fine, even spaced. Mobile version looks fine as well.
The last 9 galleries show thumbnails next to each other with barely any space in between them. On mobile, they are smushed together and it looks really bad.
If I clone one of the properly working galleries and add new images to that, it still looks bad.
If I create a new gallery under the top 3(that are working fine), it still looks bad.
All of the possible gallery settings are the same for all 12 galleries.
Can somebody help me with this issue? I need the bottom 9 galleries’ thumbnails to display correctly.
Link in “private content” section.
Hi,
Ok figured it out. First remove the thumbnail function and create your own:
add_action( 'after_setup_theme', 'remove_thumbnail_enfold', 0 );
function remove_thumbnail_enfold($asdf) {
remove_action( 'woocommerce_before_shop_loop_item_title', 'avia_woocommerce_thumbnail' );
}
add_action( 'woocommerce_before_shop_loop_item_title', 'avia_woocommerce_thumbnail_custom', 10);
function avia_woocommerce_thumbnail_custom()
{
global $product, $avia_config;
$rating = $product->get_rating_html(); //get rating
$id = get_the_ID();
$size = 'shop_catalog';
echo "<div class='thumbnail_container'>";
echo avia_woocommerce_gallery_first_thumbnail( $id , $size);
echo get_the_post_thumbnail( $id , $size );
echo "<div class='middle'><div class='hover'><img src='http://domain.com/link-to-your-image.png'></div></div>";
if(!empty($rating)) echo "<span class='rating_container'>".$rating."</span>";
if($product->product_type == 'simple') echo "<span class='cart-loading'></span>";
echo "</div>";
}
Then in CSS:
.attachment-shop_catalog {
opacity: 1;
display: block;
width: 100%;
height: auto;
transition: .5s ease;
backface-visibility: hidden;
}
.middle {
transition: .5s ease;
opacity: 0;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%)
}
.thumbnail_container:hover .attachment-shop_catalog {
opacity: 0.3;
}
.thumbnail_container:hover .middle {
opacity: 1;
}
Hi Yigit!
Thanks. The question is: How can we get the blog (with all post formats well displayed) and fullwidth elements like slider or page-section on one page – the front page of the site? Like on your demo page …
Our trials are:
1) Enfold Theme Options: Front-Page = left blank, Blog-Layout “Single author, big picture”: Blog shows gallery with thumbnails, audio post, video post.
2) Enfold Theme Options: Front-Page = HOME, Blog-Page = BLOG (no content), Blog-Layout “Single author, big picture”: Blog shows gallery with thumbnails, audio post, video post.
3) Enfold Theme Options: Front-Page = HOME, Blog-Page = HOME (contains ALB element Blog Entries), Blog-Layout “Use advanced layout editor”: No gallery on the blog page, no audio, no video.
The WP-Reading-setting is in all 3 cases “Front page shows blog entries”.
Do you have an idea?
Thanks
Bernd
I’m using Enfold for a client’s website and he wants to display 8 thumbnails in two rows of 4 in single product pages, bellow the bigger image ( http://kriesi.at/themes/enfold/product/zoku-trioquick-pop-maker/ ). Can I accomplish this with css, if not, what files should I edit?
In related news, where do I edit reviews tab to display another content?
Thanks in advance.
Hi I have a problem. I have a child theme in which I set some functions to display woocommerce single product in a certain way (e.g. the display order of the single elements). However, apart for changing some hooksm I didn’t do anything with the images. Hence when I add a new product I deal with it as a default woocommerce product.
However when I click on the product image or the product thumbnails in the gallery, no lightbox appears but each image opens in a new page. The only thing I did was to change single product main image size in the style css
.single-product-main-image {
width: 50%;
}
How can I get the lightbox. If i switch off to enfold theme everything works fine, but if I use my child theme there is this problem. Could you please help me? Thanks a lot. I give you the account details in a private section
Hey guys,
I hope you can help me with this. Firsh gives a general instruction for how to make a theme’s lightbox play nice with his great gallery plugin here:
In most cases, it’s possible to add JIG elements as exceptions regarding what your existing lightbox is used on. However, it might require a little custom coding. It will allow you to use the existing lightbox as a fallback for incidental single pictures, while letting JIG use its own, different lightbox. This is an example of how to prevent the other lightbox from getting opened from clicking JIG thumbnails:
jQuery(‘a[rel*=”lightbox:not(.justified-image-grid a)”]’).fancybox();
jQuery(‘a[rel*=”lightbox:not(.justified-image-grid a)”]’).fancybox();
Or slightly differently:
jQuery(‘a[rel*=”lightbox”]’).not(‘.justified-image-grid a’).fancybox();
jQuery(‘a[rel*=”lightbox”]’).not(‘.justified-image-grid a’).fancybox();
Observe the use of quotes and the difference between :not() and .not() when using jQuery. In this example it’s called fancybox and the selector is based on a rel value, but other scenarios are similar. Change this where the theme applies its lightbox, often in custom.js or main.js found at a location like /wp-content/themes/Avada/js/.
In certain plugins, such as Responsive Lightbox by dFactory there is a setting for the lightbox selector rel, so just use the core of the solution from above:
lightbox:not(.justified-image-grid a)
lightbox:not(.justified-image-grid a)
Can you give ma a hint on how to achieve that with Enfold’s lightbox? We use Justified Image Gallery for some product galleries, but I would like to keep Enfold’s lightbox for all other images as it is.
Hi,
I really can’t give you access unless you want to modify your hosts file and insert the IP address. I suspect the resizing only resizes proportionally and I have to crop the images to the right proportion myself first. Am I correct or is there a way to ask the masonry to do that? I have seen no option to set dimensions anyway. Many users seem to have the same need to control the aspect ratio of those thumbnails, as for instance: https://kriesi.at/support/topic/featured-image-size-in-masonry-overview/
Unfortunately it does not seem to work in my case.
Regards
shortcode used:
[av_masonry_entries link='portfolio_entries' sort='no' items='6' columns='3' paginate='none' query_orderby='title' query_order='ASC' size='fixed' gap='large' overlay_fx='active' id='classes' caption_elements='title' caption_styling='overlay' caption_display='on-hover-hide' color='' custom_bg='#6fb84d']
Hello Kriesi.at-Support,
i want to use the grid layout for my blog with 1 column and thumbnail-sized images on the left from the post-title and excerpt. Is this possible? In the end it should look (near) similar to the magazine module.
In the standard mode, the images are above the post-text in the center.
Hi,
You would need to modify some core files to do that, I would suggest setting the widget image size to 80×80 then regenerate the thumbnails after, this would be the easier and safer method.
Best regards,
Nikko
Hey guys,
I’m using a Post Slider with a preview image size of 1500 x 630. Now the client put an image which is 850 x 1011 and everything moved down due to the change in height. Is it possible that no matter the image of the height, that the featured image thumbnail does not exceed 630pixels please?
Details in private area.
Thanks
Matt
The Events Calendar “plugin addition” called upcoming events creates circular thumbnails. I would like for them to be square/rectangular but am unable to determine what code is driving their shape? Can you suggest how to adjust the images to make the thumbnail square
Just to be totally clear. In WordPress > Settings > Media there is a size called “Thumbnail Size” that is set at 80 x 80 pixels. It’s already an existing image size.
I’d just like to use that size (“Thumbnail”) instead of “Widget” for Enfold Latest News.
Thanks again Kriesi team!
So the thumbnail images already exist (default WordPress) and are sized at 80 x 80. If I simply want to use that, what would the code look like for that?
Thanks again!
Hello!
I have a problem I cannot solve by myself
My theme is Enfold, my e-commerce plugin is WooCommerce
I placed a Product grid into the homepage of my website
I would like the grid to have the same aspect of the Travel demo (white title over the product thumbnail) but I only get this result (black title outside, under the product thumbnail)
Would you be so kind to help me getting the right aspect?
Thank you in advance!
Hi,
schaue dir all die Bildgrößen an, die Enfold generiert: https://kriesi.at/support/topic/enfold-image-sizes/#post-336176
Diese kannst du dann in deiner functions.php ändern. Hinterher nicht vergessen ein regenerate deiner Thumbnails vorzunehmen. Browser cache leeren und hard refresh machen.
Gruß,
Andy
Hey ccyran,
you can try to change image sizes manually: https://kriesi.at/support/topic/enfold-image-sizes/#post-336176. Don’t forget to regenerate your thumbnails afterwards.
Best regards,
Andy