I was wondering if there was a way to show multiple image options in a gallery. Specifically, when selecting a thumbnail image of a pair of glasses it would show in the big image above, now is there a way to be able to select to show either the front view or a side view and have that interchangeable in the big image? Please look at the example in the following link to see what I mean. It has 1 single thumbnail image but the choice of 2 big images.
http://josephson.ca/collection/alain-mikli/
When the nextgen gallery is installed the enfold gallery lightbox does not work.
I do have this quick css added (not sure if this would conflict): .ngg-gallery-thumbnail label span {
display: none;
}
Update: I’ve solved the ‘stacking’ issue by turning off the lightbox, but the only image preview I can get (from the ones I’ve tried) is thumbnails.
Yes that is correct, but on the main page the full blogposts are showing instead of thumbnail and excerpt
best regards
Hey jmmurphree!
Thank you for using Enfold.
It is because the gallery and the slideshow use a specific thumbnail size. If you edit functions.php, you’ll find this:
$avia_config['imgSize']['gallery'] = array('width'=>845, 'height'=>684 ); // images for portfolio entries (2,3 column)
That is the thumbnail size for the gallery and slideshow preview. You can adjust the width and height then regenerate the thumbnails: https://wordpress.org/plugins/regenerate-thumbnails/
Regards,
Ismael
Hi all,
I want to be able to target specific elements in my Masonry based on Class.
<a href="http://URL.com" class="post-220 action type-action status-publish has-post-thumbnail hentry category-space av-masonry-entry isotope-item av-masonry-item-with-image av-masonry-item-loaded" title="Map The Surface of Mars" itemscope="itemscope" itemtype="https://schema.org/CreativeWork" style="position: absolute; left: 596px; top: 0px;">
Each Masonry entry on my site has a class for…
— Post Number
— Custom Taxonomy (ex. action)
— Custom Taxonomy (ex. type-action)
— Publishing Status
— Post Thumbnail Y/N?
— Category
I want to be able to apply specific CSS rules based on the custom taxonomy class or category class.
Hi!
1. Replace Elliot’s CSS code with this:
.author .blog-meta .rounded-container {
width: 300px;
height: 300px;
border-radius: 300px;
}
.post-author-format-type img {
width: 100%;
height: 100%;
}
@media only screen and (min-width: 767px) {
.author .blog-meta .rounded-container {
position: absolute;
left: -100px;
top: -50px;
}
.author_description {
margin-left: 250px;
}
}
2. Possible but it would require a deeper customization to the theme which falls beyond our support scope, however i found something that could be of help:
http://www.paulund.co.uk/how-to-display-author-bio-with-wordpress
The bio is handled by the /includes/loop-about-author.php file.
3. Open /includes/loop-author.php and look for this line:
echo $title;
Replace it by:
echo get_the_post_thumbnail();
echo $title;
Regards,
Josue
Hi!
Thumbnails are showing on those links you posted.
Best regards,
Josue
Hey Caguta!
your images are naturally 80×80 pixels, but are used with 150×150 pixels:

that’s why they are blurry. Please use the correct size (150 pixels) and/or change the size of the images. You could use a plugin like: https://wordpress.org/plugins/simple-image-sizes/
Don’t forget to regenerate your thumbnails afterwards: https://wordpress.org/plugins/regenerate-thumbnails/
Best regards,
Andy
This reply has been marked as private.
This reply has been marked as private.
This reply has been marked as private.
Hi Kamel!
I can see what your mean, how would you like it to work instead? Displaying it to the right or left of the main image would probably confuse users and the function would lose its meaning, and if you display it right or left of the thumbnail, it’s going to cover one or several of your other thumbnails.
Cheers!
Rikard
Nevermind. I think I got it to work with the filter below. Does this look like the best way to do this?
add_filter( ‘the_content’, ‘featured_image_before_content’ );
function featured_image_before_content( $content ) {
if ( is_singular(‘post’) && has_post_thumbnail()) {
$html = ‘<style type = “text/css”>.big-preview { display: none !important; }</style>’;
$content = $html . $content;
}
return $content;
}
Hi!
Yes, if you check “hard crop” for catalog images, they all will be same size except for thumbnails and single product images
Regards,
Yigit
Yigit,
You guys have the best support. Thanks for the quick reply. Another question, If I do a “Regenerate Thumbnails” with the WooCommerce Plugin would it make all the sizing of the categories and products the same? I forgot to tick an option on WooCommerce for hard cropping and I believe that’s why the sizing is off on some of them. I just don’t want to destroy my images.
Thanks!
Hi Rikard,
I put the caption back in the first thumbnail: http://bit.ly/18e4paG
You can see how it overlaps the main image.
Regards,
Kamel
Hey!
The maximum size of the small preview container is 180x180px. You can change that with this:
.single-post .single-small.with-slider .small-preview {
width: 180px;
height: 180px;
}
Adjust the width and height then install this plugin: https://wordpress.org/plugins/simple-image-sizes/
Go to Settings > Media panel, look for the square thumbnail size. Set the Cropping parameter to “No”. You can also adjust the width and height if you want. Update then save changes. Regenerate the thumbnails after.
Best regards,
Ismael
Hi Rikard,
I have created an image gallery with thumbnails. On hovering the thumbnail, the caption appeared. Can you confirm that there is no way to remove or hide the caption when hovering the thumbnail of an image. My forum research shows you have to remove the caption in the image metadata field.
Regards,
Kamel
How would I go about changing the format of my single post so that the Featured Image appears below the content?
Also, what is the recommended size and/or aspect ratio to have the Featured Image thumbnail stretch across the entire post?
Hi! I have done as you explained, but this resulted with the opposite effect.. Now all the thumbnails are the same fixed size, which I don’t want. I want them to be proportional to they original size.
I went to Settings>Media and unchecked the box that should be checked when you want them to be cropped to exact dimensions, but with no results.
Hey!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.single-post .single-small.with-slider .small-preview { background-color: transparent; }
and then regenerate thumbnails using this plugin – https://wordpress.org/plugins/regenerate-thumbnails/
Cheers!
Yigit
Hi!
I think you have to resize the image to at least 1210px before uploading to WordPress. Or install this plugin: https://wordpress.org/plugins/simple-image-sizes/
Go to Settings > Media then set the Cropping parameter of the entry_with_sidebar and entry_without_sidebar thumbnail size to “No”. Update then save changes. Upload the images again or regenerate the thumbnails.
Cheers!
Ismael
Ok Josue, just so I’m on the same page with you and I don’t resize all my images. Are you saying go into Media > Library (activate List view) and then select manually all the images that are in blogs then regenerate them with the bulk action or do them individually? I did the Melisa Morgan Interview one individually and it worked.
KEEP IN MIND: I’ve done a lot of customizing to get my site and thumbnails to look the way they do else where on the site and don’t want run resize those and mess up everything else too. I only want to resize the Large Featured images in the BLOGS only.
Hi!
Alrighty, try opening up /enfold/config-templatebuilder/avia-shortcodes/postslider.php and change line 295 from this.
$thumbnail = get_the_post_thumbnail( $the_id, $image_size );
To this.
$thumbnail = get_the_post_thumbnail( $the_id, 'full' );
That should have them all open up in their original sizes instead of being resized by WordPress.
Cheers!
Elliott
Josue, I’ve tried multiple times to regenerate the thumbnails and the process always freezes up. I Unchecked everything except the entry_with_sidebar size and I selected POSTS as the post type to regenerate.
After the freeze I hit save changes and try again. Same thing. I know you said the default is 321 but when i looked my setting said 600 already from the time I install the plugin. Can you take a look into this? Admin detail are in the private section of original post above.
Hi!
Try to install this plugin: https://wordpress.org/plugins/simple-image-sizes/
Go to Settings > Media panel. Set the Cropping of the shop_single size thumbnail to No(false), update then save changes. Upload the image again or regenerate the thumbnails.
Regards,
Ismael
Hey!
For the logo no, but for pretty much every other image yes, thumbnails will be used.
Best regards,
Elliott