-
Search Results
-
Hi Ismael,
Unfortunately this code didn’t work for me. The overlay icon is still hidden until the mouse hovers over the portfolio thumbnail.
It seems the class .image-overlay controls both the icon and the white overlay on the thumbnail image so this CSS effects the opacity on both. Is there a way to keep only the icon at 1.0 opacity while the white background fades? I believe the class for the icon is .image-overlay.overlay-type-extern .image-overlay-inside:before as that is how I added my own custom icon (I have tried adding the suggested CSS to this class which also didn’t seem to work either)
Any other ideas?
In reply to: Edit post arrows
Hi
I actually need to reduce what’s below. the block is not touched by the arrows.
What is touched is the related entries thumbnail. (as for my previous screenshot) Can that be reduced?
ThanksIn reply to: Events Calendar Countdown Not Working
Hi,
Wow, how about that? No, I didn’t do anything 😃
Thanks for the link, so the featured image on event detail page looks like it is using the “gallery” sized image (845px)
You could try editing the parent theme functions.php around line 187:
to this:
$avia_config['imgSize']['gallery'] = array('width'=>845, 'height'=>684 , 'crop' => false);
you would then need to regen your media thumbnails so the old images at this size are not cropped, all new images uploaded will follow this rule.
Or I believe you can choose which size image to use, within the element, if so try choosing the “masonry” sized image (705px), as you can see in the screenshot above, the masonry image is not cropped.Best regards,
MikePer this other issue: https://kriesi.at/support/topic/word-wrapping-issues-on-phones/ – that you gave me code for that worked on some pages, but not others.
1.On this page, it worked:
code is: img class=”alignright wp-image-249 size-full” src=”http://reincleftonbk.wpengine.com/wp-content/uploads/GettyImages-629455706cropped-600×426-2.jpg” alt=”” width=”255″ height=”249″ /
2. On this page, the image isn’t centered:
code is: img class=”alignright size-thumbnail wp-image-970″ src=”https://reincleftonbk.wpengine.com/wp-content/uploads/Image-1-300×300-new-300×300.jpg” alt=”” width=”300″ height=”300″ /
Thanks for any help you can give. I will include screengrabs below
Thank you!
lisa
Hi support,
After importing demo-content and setting up a test-site, the featured image and related entries has disappeared on single posts.
I have already chosen: Single post with small preview image + Show thumbnail and post title regarding relates entries.
Please advise how to fix the problems.Thank you for your time.
Best regards, AnetteHi raisonbrands,
Have you tried the solution posted here
https://kriesi.at/support/topic/hide-titles-and-descriptions-when-you-hover-on-images-or-thumbnails-of-galleries/#post-981936If you need further assistance please let us know.
Best regards,
VictoriaHi,
Is there a way to stop the generating of all the image sizes of Enfold for Products?
My client has a webshop with over 4000 products and for each product image uploaded, 18 thumbnail get generated! This creates more than 25GB of images which is unworkable.
It would be great if you add an image to a product you could only generate the necessary product images and not all the other sizes.
The only workaround i can think of is disabling all the images sizes except small, medium and large and just let my client resize all the images manually but this is a lot of work and not user friendly.
Hope there is a solution for this.
Thanks in advance!
Topic: Surpress / disable Tooltip
Hi @Mike
how can i disable the tooltip (black box with metadata showing up when hovering over an image) in:
– Normal Gallery
– Gallery (one big image, thumbnails below)Reason:
– When having images from a same object it shows the same metadata and that looks bad for a user
– When using the gallery “Big image, thumbnails below” the tooltip covers the big image and that is something you should fix anywaykind regards
ChristianI’m using the portfolio grid element and struggling to find a way to make the ‘.image-overlay-inside:before’ element always visible, rather than only on hover.
The desired effect is to have the icon visible before you rollover the thumbnail, but keep the fade on the background image.
I have used a custom icon by applying it to this class: .image-overlay.overlay-type-extern .image-overlay-inside:before and removed the animation, but not sure what else needs to edited?
I am aware I could hardcode the icon into all thumbnails, but to avoid human error, would rather achieve this icon overlay using css.
Any ideas would be greatly appreciated.
In reply to: Horizontal Gallery
Hey Stephan,
Thank you for the inquiry.
Are you referring to the lightbox preview? Please provide the site URL in the private field so that we could check the gallery. By default, the image shown in the lightbox preview is the “large” thumbnail and it can be adjusted it in the Settings > Media panel.
Best regards,
IsmaelIn reply to: Change featured image size on single posts only
Hi Isamel,
It does work but it also changes the featured image across the whole site like the previous code. In the admin area as well as thumbnails. Is there something else I could try?
Thanks.Hi Rikard,
I just found your last note by email.Since I removed the second part of the CSS everything works fine!
I removed this:#top .single-product-main-image .thumbnails a { width: 31.3% !important; }Thanks a lot for your support!!!
Best regards,
DirkHi
I have recently changed the file where I upload the images.
before: http://www.example.com/wp-content/uploads
now: http://www.example.com/magazinesI have changed too wp-options, the option_value in upload_path
and in the settings media – Save uploaded files in this folder.
but when I upload images I couldn´t see the thumbnails in Media and in the details appears the old url: http://www.example.com/wp-content/uploads/Can I do this in this template? Could you help me?
ThanksHi there,
I was hoping you could help with changing the featured image size on specific pages?
I tried this code that I found in another form post but it changes the featured image size across the whole site (even the admin area) and I want to do it only on single posts and also event posts. So that the image isn’t cropped.
add_filter( 'post_thumbnail_size', 'ebwp_single_event_post_thumbnail_size'); function ebwp_single_event_post_thumbnail_size($size) { if( !is_singular('tribe_events') ) { return; } if( ! has_post_thumbnail() ) { return; } $size = 'large'; // Change to your desired image size. return $size; }Thanks :)
In reply to: Images metadata lost in Enfolds generated images
Hi,
Glad to hear that you got the ImageMagick working. WordPress creates the images when you upload them, Enfold hooks into the same WordPress function and asks WordPress to create the additional “Enfold” sizes. Enfold doesn’t do this on it’s own.
I don’t have any experience with ImageMagick so I don’t know if ImageMagick uses more resources or not or what it’s advanced settings are.
I would recommend seeking out advice from an ImageMagick on WordPress expert, as in a freelancer, since ImageMagick is not used by WordPress by default researching into this further is beyond the scope of our support.
As for the link about adding “noindex” to all of your WordPress created images (thumbnails), to me this seems like a bad idea, but naturally, you are free to experiment with this on your site. The post suggests that you place the code posted in your .htaccess file.Best regards,
MikeHi Scott,
1- I edited your Image elements on your page and corrected their links. Image elements preview was not visible for some reason however after updating the elements, they became visible.
2- I edited your element and chose to display 1030x1030px and that made images sharper however since some of your images are smaller (for example “office” posts thumbnail is 761x430px), they do not show up in the same ratio. Please upload your thumbnails in bigger size.
Regards,
YigitIn reply to: Images metadata lost in Enfolds generated images
Thanks Mike,
thats useful.
I just enabled ImageMagick on my server.
But what do i need to do next?
Regenerating thumbnails is not a good idea since i run Shortpixels.
At what point does Enfold generate thumbnails?
– When uploading into the media library??
– When adding images into a gallery??EDIT
I uploaded the images again, added them into the gallery and it works.
You can check here with fresh images:
dev.maskenzauber.com/iptc-test/But it seems as if ImageMagick slows down my site dramatically.
Only when generating images or always???Another way could be this:
Tell Google/Bing not to spider/index thumbnails via x-robots-tag.
Its not the best way but at least you dont pollute your SEO with untagged images
https://webmasters.stackexchange.com/questions/39286/how-to-get-google-and-bing-to-index-original-image-not-thumbnail
https://developers.google.com/search/reference/robots_meta_tagIn reply to: Media Upload and Enfold's Thumbnail Sizes
Hi,
@odbjur: You may need to install the Simple Image Sizes plugin in order to adjust the dimension of the shop_catalog thumbnail in the Settings > Media panel. After the size adjustment, do not forget to upload the images again or regenerate the thumbnails.Please create a new thread if you need further assistance with it. We will close this one for now.
Best regards,
IsmaelIn reply to: Enfold Gallery: images at wrong positions –
Hi,
Thank you for that info.
The Gallery works fine if I delete this line in /config-templatebuilder/avia-shortcodes/gallery/gallery.php:
It is possible that WordPress is replacing the selected thumbnail with the appropriate image size for the current screen width or resolution based on its own criteria. You may need to disable the Enfold > Performance > Responsive Images option to prevent this from happening.
Best regards,
IsmaelIn reply to: Enfold and Google Core Web Vitals
Thanks Ismael,
When I test from the Pagespeed website the score is very different. I always assumed this was Chrome not being throttled.
I tried swapping to the Enfold gallery and it is marginally better. I also have the problem where all media on the page (eg. youtube videos in footer) appear in the gallery for the main product image. How can they be filtered?
With the Woocommerce gallery, the main image is not lazyloaded, only the thumbnails which should be below the fold. They appear above the fold due to the description tab taking so long to load.
Is there a way to make the description tab display immediately on pageload instead of it waiting on whatever event is drawing the tabs & +/- buttons currently?
Jason
Hey Dirk,
Please try the following in Quick CSS under Enfold->General Styling:
#top .single-product-main-image .feat_image a { width: 96% !important; } #top .single-product-main-image .thumbnails a { width: 31.3% !important; }Best regards,
RikardIn reply to: Images metadata lost in Enfolds generated images
“Since WordPress doesn’t offer this functionality and Enfold doesn’t add it,”
You still miss the point.1: Keeping Metadata is NOT a “functionality”.
Stripping metadata is a bug.
Again: Metadata usually stays in the file when you make a copy or edit and you need to be active to get rid of it.
So there must be something that says “delete the metadata”.
That means, your idea of finding a plugin is irrelevant and completely points in the wrong direction.
It is as if i first destroy your car and then say “You need to find a spare parts dealer”
Not crashing your car is not a functionality.1.1: “I also notice that the “IPTC” data is not easily available in image software (on Windows) only EXIF is shown in my software.”
Thats irrelevant.
Its in the file…if you see it or not….it doesnt matter.
Google “sees” them and takes it into account for delivering images to users.
No IPTC = bad SEO2: The theme is in charge.
So it can overwrite the standards by hooks, functions and whatever.
That means: Enfold could influence that behaviour3: Deleting the metadata is a severe thing to do.
Like i said before: It can cause very expensive lawsuits.
Imagine a photographer or a stock agency like Shutterstock makes it mandatory to put their credit as a metadata in the file.
And then they find a file which doesnt.
What do you think they will do?4: Enfold advertises with “SEO friendly” but this is definitely not “SEO-friendly”
You might say that Enfold in this point is not worse than any other themes because maybe they all do it like that….but if you really want to be “SEO friendly” you should follow your own claim and make it do it right
If you dont understand why it is not SEO-friendly” imagine this:
A photographer has 1000 photos, tagged carefully.
Now Enfold comes along and creates for every file at least 6 other versions
So there are 6000 images
5000 does not contain the keywords, the Author, the copyright and so on.
Can you advice Google not to spider/index the thumbnails?
No, you cant.
Does google like to index dublettes/duplicate content?
No it does.
So whats the result?
The most images which end up in Google does not contain any metadata.And maybe you know that image search is a relevant source for SEO, do you?
That means:
Any theme that delete metadata boycotts any attempt to get visitors via Google image search.Here are some links:
https://www.foregroundweb.com/image-seo/
Finaly:
If you really want to stand out of the crowd, if you really want to build a theme thats a win for photographers and designers…… you will fix it.
Will you?In reply to: Images metadata lost in Enfolds generated images
Hi,
Sorry for the late reply and thanks for the image and links. So I tested this on a clean WordPress install without Enfold, and I find that the original image you upload contains the “IPTC” data, but for every thumbnail that WordPress creates the “IPTC” data is not included.
WordPress original image:
https://getpmd.iptc.org/getpmd/html/stds/ipmd/?imgurl=https://savvyify.com/enfold/wp-content/uploads/2021/02/B7B3282.jpg
WordPress created image:
https://getpmd.iptc.org/getpmd/html/stds/ipmd/?imgurl=https://savvyify.com/enfold/wp-content/uploads/2021/02/B7B3282-1024×683.jpg
So this explains why you are having this issue, your two links above are pointing to one original and one thumbnail, aka WordPress created image.
Since WordPress doesn’t offer this functionality and Enfold doesn’t add it, I would recommend looking for a plugin.
I also notice that the “IPTC” data is not easily available in image software (on Windows) only EXIF is shown in my software.Best regards,
MikeIn reply to: Blog post image sizes suddenly all different sizes?
Hi,
What do you mean by “adding -1 to their file names”? How does that work? Unfortunately, we still cannot access the file server using the account above.
In the single post page, the name of the thumbnail is called “entry_with_sidebar” and it has a maximum width of 845px and height of 321px. Did you remove that thumbnail or adjust its size?
Best regards,
IsmaelIn reply to: Gallery Thumbnails with caps
Hi baiker,
Can you try adding this code at the bottom of functions.php:
function mygallery_thumbnails(){ ?> <script> (function() { const thumbnails = document.querySelectorAll('.avia-gallery-thumb a'); thumbnails.forEach(el => { const width = parseFloat(el.getBoundingClientRect().width) * 0.84; el.style.height = width + 'px'; }); })(); </script> <?php } add_action('wp_footer', 'mygallery_thumbnails');The code will basically get the width of the thumbnails and adjust the height with respect to the width of the thumbnails to remove those extra spaces below.
Let us know if this helps.Best regards,
NikkoHi,
I get an issue in the WooCommerce Product Gallery when enabling the “Product Video for WooCommerce” plugin in Enfold.You can see the normal gallery view here:
Test Site Link 1And the gallery when enabling a video:
Test Site Link 2I already selected “using a page builder” in the settings, but the whole gallery view and thumbnails seem to shrink somehow?
Do you have a solution to fix it?
Best regards
hi support team
I would like to change athttps://www.laden70.ch/shop/ the image size woocommerce_thumbnail size / shop_catalog from 450/450 to 450/800.
i load the simple size plugin and change the value:woocommerce_thumbnail size Maximum width
450
Maximum height
800
Public name
woocommerce_thumbnail
Cropping
Yes
Show in post insertion ? Deleteand
shop_catalog size Maximum width
450
Maximum height
800
Public name
shop_catalog
Cropping
Yes
Show in post insertion ? Deletealos i add in funktions.php of the child theme:
add_image_size( ‘woocommerce_thumbnail’, ‘450’, ‘800’, true );
add_image_size( ‘shop_catalog’, ‘450’, ‘800’, true );but in the simple impage size plugin in the Thumbnail regeneration section are stil the old value.
What did i wrong?
All the best,
PascalIn reply to: Images metadata lost in Enfolds generated images
Hi,
To hopefully end this debateThis is the data from an original testfile which was on my server at the moment when i made that screenshot
As obvious: It contains metadata.
maskenzauber.com/temp/IPTC-with.jpgThis is the so called thumbnail (705×470)which has been generated by Enfold from the testfile.
It contains no more metada
maskenzauber.com/temp/IPTC-without.jpgAnd more:
There is no difference between metadata & IPTC
IPTC IS metadata.
Its just a standardized vocabulary.Tipps:
1: Google for “photographer Enfold” or “Fotograf Enfold” and find some
2: Do a sitesearch for the founded sites (site:domain) in imagesearch
3: Flip through the images and check some images and you will find what i describedIn reply to: YouTube video embed on mobile
Hey Ismael,
thank you for checking.
1) Muting the video does not change anything. I do not want the video muted anyway. Neither do I want autoplay. I just need to show the thumbnail and then play the video with sound once it is clicked.
2) Did you check on mobile? On my end it only works on desktop. Checking with a Samsung Galaxy S20+.
Thank you and best regards!
