-
Search Results
-
In reply to: Masonry Gallery Lightbox not working
In reply to: Open Youtube videos in lightbox
Hi, I have a problem and can not use the lightbox on own template pages and in the products.
I used the Shortcode:
<?php echo do_shortcode("[av_image src='https://www.cmc-modell-autos.de/wp-content/uploads/2018/07/2015-supermodell-des-jahres-m107.jpg' attachment='316' attachment_size='large' align='center' hover='' link='lightbox' target='' caption='' font_size='' appearance='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' animation='animation' ][/av_image]"); ?>or tried it with copying the code out of the html
<div class="avia-image-overlay-wrap"><a href="https://www.cmc-modell-autos.de/wp-content/uploads/2018/07/2015-supermodell-des-jahres-m107.jpg" class="avia_image lightbox-added"><img class="avia_image " src="https://www.cmc-modell-autos.de/wp-content/uploads/2018/07/2015-supermodell-des-jahres-m107.jpg" alt="2015 supermodell des jahres" title="" itemprop="thumbnailUrl"><span class="image-overlay overlay-type-image" style="left: -5px; top: 0px; overflow: hidden; display: block; height: 800px; width: 610px;"><span class="image-overlay-inside"></span></span></a></div>But there is no results:
In reply to: Different color for bold text and links
Hi Rikard,
There is no minification or caching plugin installed to my knowledge. I checked under Performance, the theme did confirm that it did not detect any caching plugin. Other than that, I am not sure what to look for or how to determine what to look for in this performance section.
If it helps, below is a list of active plugin’s, thanks.
ACF Content Analysis for Yoast SEO
Advanced Custom Fields
Akismet Anti-Spam
Black Studio TinyMCE Widget
Contact Form 7
Elementor
Essential Addons for Elementor
List category posts
Loginizer
Open external links in a new window
Really Simple SSL
Regenerate Thumbnails
Rublon Account Security
Simple Custom CSS
Simple Image Sizes
Simple Redirect
Social Warfare
TinyMCE Advanced
Visualizer: Charts and Graphs Lite
Widget Context
WP Statistics
WP-PageNavi
WPForms Lite
WPS Hide Login
Yoast SEOIn reply to: masonry does not insert photos in the right order
In reply to: Stop Preview Image loading in Blog Posts
Hey zimbo,
To remove featured images from all post page please try this code in your functions.php
function wordpress_hide_feature_image( $html, $post_id, $post_image_id ) { return is_single() ? '' : $html; } // add the filter add_filter( 'post_thumbnail_html', 'wordpress_hide_feature_image', 10, 3);Best regards,
Jordan ShannonIn reply to: masonry does not insert photos in the right order
In reply to: Image sizing and removal
Hi,
@PierreLeBear The images are used to make a responsive site for other devices, and make the site load more effectively. Removing won’t break the site but may make your users download a very large file when looking at a thumbnail.@sckyeYes deleting a image will also delete the thumbnails.
By the way, the WordPress core also adds thumbnails in the same way.
Best regards,
MikeIn reply to: masonry does not insert photos in the right order
Hi Ismael
Thank you for your reply.
I added the code to Quick CSS.
a) Now the white space between the big image of the gallery and the thumbnails below is too thin.
b) When there are more than two thumbnails below the big image of the gallery, they don’t have the same size.
c) The big image of the gallery still is slightly blurry.
Best regards
zizibe1In reply to: Previous/Next buttons only same category
So I used that to replace both previous code snippets and it works to reverse the direction correctly but it doesn’t do anything to limit it to one category. So I know it’s working. If I remove it, the post order reverses to the original. But still shows all portfolio items. We’re talking about the arrows to the right and left of the portfolio items that show up on hover, with the thumbnail of the next portfolio item. Class “avia-post-nav” stuff, right?
In reply to: Image sizing and removal
Hi,
If I remove the uploaded image from the library (just like this: https://www.dropbox.com/s/pl2o5ojx4txitpv/2018-07-16_223445.png?dl=0), will the Enfold-generated thumbnails also disappear?
Hello
I’ve got a similar problem. Note that I understood I can’t have auto-play video on mobile.
I just would like to launch it manually.
But when the youtube video loads, I see the video thumbnail, with the play button. But I cannot click on it !
Very very frustrating… I don’t want a static image instead, just let the user click on Play to play the video.
Do you see a solution ?Thanks
Is it possible to increase the size of the images when using the admin of Easy Sliders?
Currently the thumbnail images are SO tiny I can’t tell which picture is which. I have tried adding this CSS but admin css changes don’t seem to work:
.avia-modal-group-element-inner { min-height: 100px !important; }
.avia-modal-group-element-inner .avia_slideshow_image img { max-height: 100% !important; }Any ideas?
Otherwise can I make this a suggestion to improve for the next update of Enfold? The “Gallery” admin is heaven to use as the images are larger and drag and drop makes it quick to edit. Can we have this for Easy Sliders too please?
Hi,
Thanks for the update.
Add the following css codes to adjust the padding of the thumbnails.
#top div .avia-gallery a:last-child img { padding-right: 0; } #top div .avia-gallery a:nth-child(2) img { padding-left: 0 !important; }Best regards,
IsmaelIn reply to: Image sizing and removal
Hi, this code worked perfectly for us to disable all Enfold-generated images sizes, add to functions.php.
//disables Enfold generating multiple image sizes
function avia_backend_add_thumbnail_size() {}In reply to: Lightbox for Product Image Gallery
Hey Briana,
I have looked at your page and found that some of the product image thumbnails open in the featured image box, and some open in the window. The later seems to be the error caused by having a old copy of the header.php in the child theme, does this happen to be your case? If so please copy the new header.php to your child theme, and save your old one as a backup should there have been any customizations in it that you will need to add to the new one.
As for the zoomIMG (the name of the class) effect, I assume this is done by a plugin, I’m not sure that this can be a lightbox and a zoomIMG because they are different actions that don’t seem to support each other. Perhaps if we get the other part fixed, this one will return to the way it was before?Best regards,
MikeI’ve read all of the posts about the previous/next arrows on portfolio items not showing only items from the same category but I can’t get them to work. I’m using a child theme and the following in functions.php
if(!function_exists(‘avia_post_nav’))
{
function avia_post_nav($same_category = true, $taxonomy = ‘category’)
{
global $wp_version;
$settings = array();
$settings[‘same_category’] = $same_category;
$settings[‘excluded_terms’] = ”;
$settings[‘wpversion’] = $wp_version;//dont display if a fullscreen slider is available since they overlap
if((class_exists(‘avia_sc_layerslider’) && !empty(avia_sc_layerslider::$slide_count)) ||
class_exists(‘avia_sc_slider_full’) && !empty(avia_sc_slider_full::$slide_count) ) $settings[‘is_fullwidth’] = true;$settings[‘type’] = get_post_type();
$settings[‘taxonomy’] = ($settings[‘type’] == ‘portfolio’) ? ‘portfolio_entries’ : $taxonomy;if(!is_singular() || is_post_type_hierarchical($settings[‘type’])) $settings[‘is_hierarchical’] = true;
if($settings[‘type’] === ‘topic’ || $settings[‘type’] === ‘reply’) $settings[‘is_bbpress’] = true;$settings = apply_filters(‘avia_post_nav_settings’, $settings);
if(!empty($settings[‘is_bbpress’]) || !empty($settings[‘is_hierarchical’]) || !empty($settings[‘is_fullwidth’])) return;if(version_compare($settings[‘wpversion’], ‘3.8’, ‘>=’ ))
{
$entries[‘next’] = get_previous_post($settings[‘same_category’], $settings[‘excluded_terms’], $settings[‘taxonomy’]);
$entries[‘prev’] = get_next_post($settings[‘same_category’], $settings[‘excluded_terms’], $settings[‘taxonomy’]);
}
else
{
$entries[‘next’] = get_previous_post($settings[‘same_category’]);
$entries[‘prev’] = get_next_post($settings[‘same_category’]);
}$entries = apply_filters(‘avia_post_nav_entries’, $entries, $settings);
$output = “”;foreach ($entries as $key => $entry)
{
if(empty($entry)) continue;
$the_title = isset($entry->av_custom_title) ? $entry->av_custom_title : avia_backend_truncate(get_the_title($entry->ID),75,” “);
$link = isset($entry->av_custom_link) ? $entry->av_custom_link : get_permalink($entry->ID);
$image = isset($entry->av_custom_image) ? $entry->av_custom_image : get_the_post_thumbnail($entry->ID, ‘thumbnail’);$tc1 = $tc2 = “”;
$class = $image ? “with-image” : “without-image”;But I’m still getting all portfolio items, not just ones in the same category.
In reply to: Image sizes
Thanks Victoria I have read it but it doesn’t tell me anything new.
I have disabled the generation of theme images by adding this to my functions.php but it doesn’t do anything. I still get 18 images for every one:
//avia_backend_add_thumbnail_size($avia_config);
The simple image sizes plugin has no affect. Whatever I do it resets to what it was before as if it is being overridden by the Enfold theme.
Please tell me how to generate ONLY those images needed for Woocommerce products.
I have 20,000 images to import. It will generate 280,000 unneeded images if we can’t get it sorted!Hi Ismael,
Thank you for your reply.
I added the code to Quick CSS, but unfortunately, the big image of the gallery still is blurry.
Edit: There is a further problem. The big image should be left-aligned and right-aligned to the thumbnails below. When you remove the gallery padding, the big image is wider then the thumbnail row below. Moreover, the white space between the big image and the thumbnails is smaller then the white space between the thumbnails. When you remove the padding of the thumbnails too, the white space between the image and the thumbnails is missing.
Best regards,
zizibe1In reply to: Masonry Gallery – Image title is not displayed
Hi,
No, that’s not the point. It is necessary that image thumbnails are displayed on the page without displaying the title and description, but the title is displayed when viewing the image in the lightbox. And everything worked fine in 4.2 and earlier.
Clicked on the image – saw the title “Test” and thought that everything worked, but no. Previously, information about the image title was taken from the “Title” field and now from the “Caption” field (Screen 3). And if now I remove the “Test” from the “Caption” field – we go back to the beginning of a topic, to that of started all this.
Masonry Gallery > Flexible Masonry (image title when you open it in lightbox is displayed)
Masonry Gallery > Perfect Automatic Masonry (image title when you open it in lightbox is not displayed)
Masonry Gallery > Perfect Grid (image title when you open it in lightbox is not displayed)See screenshots in privat content.
Hi Ismael,
Thank you for your reply.
2.) That’s it. I removed the css code you suggested in your first post. Now, the lightbox of the gallery works.
3.) Now, it works fine. I replaced the code of your first post by the code of your last post in Quick CSS. Then I added “custom-gallery” without quotes to the custom css class field of each gallery where I wanted to hide the first thumbnail.
Although I chose “No Scaling (Original Width X Original Height)”, the big image of the gallery is not as sharp as the same image opened in a lightbox or added to a image media element . How can I fix this?
Best regards,
zizibe1Topic: Image sizing and removal
I have a publisher in the company that has put large images in the gallery (over 1Mb) Enfold then creates a number of image sizes from that. That makes for slower performance and bigger backups than the ISP is willing to support. My questions:
1. If I remove the originally uploaded image from the library, will the generated images and thumbnails also disappear?2. Then, if I reupload an edited image that is much more compact – yet looks good on the web, will Enfold regenerate those other images taking up correspondingly less storage?
3. Many site images are not going to be used for the big full page sliders – just for a 300×200 px blog entry (for example). Does Enfold need to generate all those other images, until the user has required a large image in the editor or in a slider?
Regards, Peter
Topic: Image sizes
I am importing thousands products into a shop using WP All Import plugin but am getting 16 extra images generated for each one. I have read this forum and the solutions that match my problem don’t work.
It say coment out this line in functions.php but I can’t find it: avia_backend_add_thumbnail_size($avia_config);
And the plugin you suggest (simple image sizes) doesn’t do anything. When I save changes it rechecks them all and the options don’t seem related to the images that are generated.
The only image sizes I need are those needed for woocommerce products. They are all square and none of them should be cropped.
Please can you help.
Thanks
RobHi Ismael,
Thank you for your reply.
2.) I opened FileZilla and connected to my server.
I went to wordpress > wp-content > themes > enfold > config-templatebuilder > avia-shortcodes > gallery and moved the gallery.js file to my desktop. (In wordpress > wp-content > themes > enfold child, I couldn’t find this file.)
There, I opened it with TextEdit (I also have Adobe Dreamweaver on my macbook but never used it so far), removed the block code you wrote about in your post, saved the file and moved it back to the gallery folder on the server (Action: Overwrite).
Then I went to the page “Portfolio” of my website, pressed shift and the reload button of Chrome, but unfortunately, the lightbox of the gallery still doesn’t work.
3.) Referring to your link, I turned on the custom css class field.
Now when I go to “Pages” > my page “Portfolio” > my first gallery > “Edit element” and scroll down, I see the “Custom CSS Class” field.
What do I have to add there to except this gallery of the rule which removes the first thumbnail?
Best regards,
zizibe1In reply to: Enfold increases file size of the featured image
Hi,
The theme doesn’t compress the images. It just sets the quality to 100 which is why the compressed image or thumbnail has a larger file size than the source file. The default quality set by WordPress is 80.
Best regards,
IsmaelHi,
Thanks for the update.
Where can I see the issue again? The thumbnails’ size are 355x116px when I checked the page.
So when/where does the cropping takes place and how can I avoid cropping?
The cropping takes place as soon as the images are uploaded. There’s also a function or script that automatically selects the appropriate size or thumbnail based on the current screen size or resolution which is why we added the filter above.
// https://make.wordpress.org/core/2015/11/10/responsive-images-in-wordpress-4-4/
Best regards,
Ismaelok – you can see here on my webdesign page https://webers-webdesign.de
that even a video ( this is a selfhosted video) works well on adv. layerslider – even on small screens (by the way on modern mobile advices too). So there must be some inconsistancies on your setting. Did you try a different image? Is it a reproduceable effect? Did you recognize that it is on a specific screen width range (f.e. between 768 and 990px )Edit: on slider settings / misc – there is an option : “Use srcset attribut” – which on default is enabled i guess.
sometimes not all images are present in the set. (some cleaning plugins looking for not used images maybe have erased those resolutions) – maybe that causes the fault on your page. Try to disable it – empty all caches and caching tools ( even the browser cache) – if that was the error – you can regenereate the all thumbnails for this image to have a complete srcset – and reactivate this option againEdit2: for what is the colorsection before the slider with that 1px hr in it?
The ‘portfolio’ size seams correct.
But in the original thumbnails it’s scaled back to 495px X 160px. Where the new thumbnails are cropped 495px X 280px.So when/where does the cropping takes place and how can I avoid cropping?
Hi Ismael,
1. The code works fine. Thank you very much.
2. The code works, but yes, I still need the galleries to open the lightbox. Now they don’t anymore. How do I have to edit the gallery script directly?
3. The code works , but now, I have the following problem:
The first gallery on my page “Portfolio” contains only two images which I want to show next to each other and aligned center of the page. There, I chose “Gallery Style: Small Thumbnails” instead of “Big image with thumbnails below”. Now, because the fist thumbnail is removed, the first of the two images isn’t visible either.
I considered to replace the gallery by two image elements next to each other (Link Settings: Lightbox), but if I wanted them to align center of the page, they would be either too big or too small.
– images too big:
1/2 Layout Element with first image in it | 1/2 Layout Element with second image in it– images too small:
1/4 Layout Element | 1/4 Layout Element with first image in it | 1/4 Layout Element with second image in it | 1/4 Layout ElementNow in the gallery, the two images are aligned center of the page and are just the right size.
– right image size:
1/5 Layout Element | 3/5 Layout Element with Gallery in it | 1/5 Layout ElementThat’s the reason I would like to keep the gallery.
Is there a way to except the first gallery on my page “Portfolio” of the rule which removes the first thumbnail? Or do you find another solution?
Best regards,
zizibe1
