Hi,
in Enfold, template ‘portfolio 2/3 gallery “, the thumbnails are displayed correctly. The large mouseover images but are blurred. The Lightbox Images are sharp contrast. I have tested different image sizes. The mouseover images are still blurred. What should I do?
Regards
Morcy
Edit:
I had chosen the image size for large gallery thumbnail wrong. The problem is solved. I’m so sorry.
Regards
Morcy
-
This topic was modified 9 years, 9 months ago by
Morcy.
Is it possible to have consistent space between the post slider on the post in the private contact link. There are 9 preview thumbnails split up into 1/3 columns. However, there’s a large gap between the columns. I’m trying to make the spaces between the thumbnails consistent.
Hi!
Please add following code to Quick CSS
.avia-content-slider .fake-thumbnail .slide-image {
min-height: 0;
border: none;
}
Regards,
Yigit
Hi folks,
I’m just wondering will enfold allow typical embedding of Google Photosphere images on a page and if there are any special steps that need to be taken to embed these?
I want to display 3 separate thumbnail photosphere’s one page so am guessing having 3 small ones may be a bit much to load and perhaps a still shot should be in each thumbnail, which once clicked, will then open the photoshphere in it’s own window. I’ve the photoshphere’s live on Google from my personal account but would want them just to appear the same way as enlarging any photo if possible.
Also on the last point, if a page has a lot of images and you want each image to be enlarged to its high res version, is it best practice to create a thumbnail version of the image and to size it appropriately so pages load faster and then users can see a larger version on clicking if they desire?
I’m guessing having loads of high res images scaled down (but still the original high res file being read) and having 3 photospheres on the one page would be too much?
Any help would be great!
We updated this web from another theme, it is the clients theme and we have it too for ourselves but when we look at the products they display wrong, image too big (reduced image size on woocommerce, regenerated thumbnails) text does not display like it should (all stacked to the side even price and title) we just changed theme and it shows like hell.
Hi,
The accordion in the theme demo is using the “featured” thumbnail (1500x430px). However, it will solely depend on your own preference. Play around with the settings until you get the best result.
Best regards,
Ismael
Hi Lucille!
Please try to instal and run the following plugin and let us know if it fixes your issues
https://wordpress.org/plugins/regenerate-thumbnails/
Regards,
Basilis
I had a page on our site with just an ordinary wordpress gallery. The images were 6 across in the gallery and it took most of the page. Since changing to Enfold the gallery is just tiny. The images are tiny thumbnails. I have tried a few things to sort this but have not found what is causing it… I’m including a screenshot below, along with login info.
Thank you for any help on this.
Hi,
It’s probably a caching issue. You probably forgot to remove the cache after regenerating the thumbnails. Anyway, glad it is OK now.
Best regards,
Ismaeloo
Hey!
I’m sorry for the confusion. You can only select the available thumbnails produce by the theme. You cannot set the size manually.
Regards,
Ismael
Hi,
Please add this in the functions.php file:
// custom script
add_action('wp_footer', 'ava_custom_script');
function ava_custom_script(){
?>
<script>
(function($){
function h() {
$('#top .product').each(function() {
var onsale = $(this).find('.onsale'),
thumb = $(this).find('.thumbnail_container');
onsale.appendTo(thumb);
});
}
h();
})(jQuery);
</script>
<?php
}
This will move the onsale container inside the thumbnail container.
Best regards,
Ismael
Hi,
Use this filter in the functions.php file to set another thumbnail size for the testimonial slider:
add_filter('avf_testimonials_avatar_size', 'avf_adjust_testimonials_avatar_size' );
function avf_adjust_testimonials_avatar_size($avatar_size) {
$avatar_size = 'square';
return $avatar_size;
}
Default size is square. Use this css code:
.avia-slider-testimonials .avia-testimonial-meta .avia-testimonial-image {
width: 180px;
height: 180px;
}
Best regards,
Ismael
I am using the Featured Image Slider element to show a large preview pic of the featured image of my post.
The resolution is low, as the element seems to be using a 495x400px thumbnail and then stretching the image to (on my screen) 1048x545px or larger. The actual image is 1620x1080px.
How do I get the element use the real image instead of a thumbnail (or, at the very least, use an appropriately sized thumbnail)?
Hi,
try a code like this inside a text block element:
[video mp4="http://p.wayfareescortvideos.julqpkzgks0t6.netdna-cdn.com/vod/wayfareescortvideos.julqpkzgks0t6/Wayfare-Escort-Camille.mp4" poster="https://wayfare-escort.de/wp-content/uploads/2016/06/thumbnail-video-camille.jpg"][/video]
Best regards,
Andy
I’ve got relative posts displaying at the bottom of my individual blog posts. Each of which has a tool tip that should display above the thumbnail when hovering over the thumbnail.
The css gets updated but the tip is missing. If I force the css to display the tool tip all tool tips display accurately though at the same time, which is not the desired behavior.
Is this a known issue?…I’m not certain when it began, but I do know that I had to do that avia.js update to get the theme to work when updating to the newer wordpress version.
Not hovered:
<div class="avia-related-tooltip avia-tt" style="top: -24px; left: 247.375px; display: none; opacity: 0;">
Hovered:
<div class="avia-related-tooltip avia-tt" style="top: -24px; left: 247.375px; display: block; opacity: 1;">
Yet, as mentioned, when hovered the tool tip is not showing…it’s only when I manually update the css does it display correctly.
I’m looking at avia.js for a fix, but am a bit lost to what the issue might be.
-
This topic was modified 9 years, 10 months ago by
Aaron.
Hi,
Try the following:
1. Install this plugin: https://wordpress.org/plugins/simple-image-sizes/
2. Go to Settings > Media
3. Change the portfolio image size (increase its width / height).
4. Regenerate the thumbnails by clicking the button at the bottom.
Best regards,
Yigit
Hey kilimats,
Try the following:
1. Install this plugin: https://wordpress.org/plugins/simple-image-sizes/
2. Go to Settings > Media
3. Change the attachment-large image size (increase its width / height).
4. Regenerate the thumbnails by clicking the button at the bottom.
Best regards,
Yigit
Hi!
My bad. There’s a missing bracket:
if ( has_post_thumbnail( $post->ID ) || $contentmod ) {
Best regards,
Ismael
I’m getting a syntax error on this line:
if ( has_post_thumbnail( $post->ID || $contentmod ) {
Hi,
use this code to increase the thumbnail images:
img.av-upcoming-event-image.wp-post-image {
width: 100px;
}
and adjust as needed.
Best regards,
Andy
Hi,
I did not see any options for manual
Did you select the second option of the Preview Image Size settings? That is the “manual” thumbnail selection. Add this in the Quick CSS field in order to create a gap between the image and the content:
.slide-content {
margin-left: 20px;
}
Best regards,
Ismael
Hi,
Please try this instead:
function avia_add_images_to_rss_feed($content)
{
global $post;
$image = '' . get_the_post_thumbnail( $post->ID, 'medium' ) . '<br/>' . get_the_excerpt();
$contentmod = get_post_meta( $post->ID, 'feed', true );
if ( has_post_thumbnail( $post->ID ) || $contentmod ) {
$contentmod = !empty($contentmod) ? $contentmod : '';
$image = !empty($image) ? $image : '';
$content = $image . '<br/>' . $contentmod;
}
return $content;
}
add_filter('the_excerpt_rss', 'avia_add_images_to_rss_feed');
add_filter('the_content_feed', 'avia_add_images_to_rss_feed');
Best regards,
Ismael
It can not be turned off and it updated every couple of hours.
So my fix, from the help file, might have worked.
Do I also need to update the thumbnail to 180?
I can at least do what I think should be done and wait to see.
I know you don’t want to deal with this lag time but if the cod I found should work
#top .av-large-testimonial-slider .avia-testimonial-meta .avia-testimonial-image {
width: 180px !important;
height: 180px !important;
}
I can keep checking to see if it happens. What I need to know for sure is if I also have to set the thumbnails to 180 and regen the images (or merely upload the 5 images again which is better).
Thanks
-
This reply was modified 9 years, 10 months ago by
stevenleith.
Hi Yigit,
I’m coming back to this now. I still can’t figure it out. I have added the function in functions.php and parallax has stopped, i resized the image thumbnails with the function.php to 2000 and regenerated thumbnails (the right sized image is now being pulled!!) but it still is cropping the picture. Do you have any other advice for me? I would like the image to span the area but not be cropped. if the height of the area the photo is in could change with the picture that would be excellent.
If i set
#av_product_description {
background-position: center !important;
background-size: cover;
}
part of the image gets cut off on the bottom as the browser gets wider.
if i set
#av_product_description {
background-position: center !important;
background-size:contain;
}
then even though a 2000px picture is being loaded it doesn’t ever span the width of the screen.
Hi,
I am not going to add that code back to the site as it keeps breaking it and slowing down this project.
All I want is the thumbnail that is added in the category to display on the page. This is not unusual and is normal practice.
It works on abundance here: http://www.manscape.co.uk/a/skincare/
This works on the Woo commerce platform in which I provided code above, however, for some reason it breaking Enfold. Is there any other person on this forum from Enfold that knows how to enable this?
Thanks
Vincent
Hi Ismael,
This is not the default style and looking at the demo here: http://kriesi.at/themes/enfold/product/zoku-trioquick-pop-maker/ I can clearly see there is no background. Also,I would like it exactly the demo. Is there anybody working on this demo template that can advise how they got this?
Have you tried to adjust the size of the Catalog Images thumbnail?
Yes I have, I think the problem is the box size. See size difference below in private area:
Regards
Vincent
-
This reply was modified 9 years, 10 months ago by
Vincent.
this is the css.
little bit complicated because i needed to desig both ajax preview.
one for full page and another for page that have sidebar.
also the css maybe little bit rough, made it as quick as possible and got the result.
/* ajax portfolio display the thumbnails at the side of the big pic instead of the bottom */
.avia-gallery-thumb img {
max-height:160px;
width:auto;
}
.avia-gallery-thumb {
margin-bottom:12px;
}
#top .portfolio-preview-image {direction:rtl}
#top .portfolio-preview-image .avia-gallery img {
float: none;
padding: 7px !important;
width: auto;
display: inline-block;
clear:none;
}
#top .portfolio-preview-image {padding-top:40px;}
#top .portfolio-preview-image .avia-gallery .avia-gallery-big-inner {
text-align: center;
}
#top .portfolio-preview-image .avia-gallery a {
float:right !important; max-width:100% !important;
}
#top .avia-gallery-big ,.fakeLightbox ,.avia-gallery-big-no-crop-thumb {
float:right !important; max-width:320px !important;
height:auto !important;
margin-left:33px !important;
/*background-color:#0F3;*/
border:none !important;
}
#top .avia-gallery-big ,.fakeLightbox ,.avia-gallery-big-inner img {
max-width:280px !important;height:auto !important
}
#top .avia-gallery-big ,.fakeLightbox ,.avia-gallery-big-inner {
float:right !important; max-width:320px !important; height:auto !important
}
.avia-gallery-thumb { /*background-color:#039;*/ max-width:50% !important; float:right;}
.avia-gallery-thumb img {border:none !important}
/* display of ajax ortfolio entry when there is right sidebar */
.sidebar_right .portfolio-preview-image {width:80%; !important; padding-right:22px;}
.sidebar_right .portfolio-entry { width:100% !important;}
.sidebar_right .avia-gallery-thumb { max-width:50% !important }
.sidebar_right .avia-gallery-thumb img {
max-height:120px;
width:auto;
}


Hey raymondleever,
Thank you for using Enfold.
The maximum width of the page depends on the value set in the Enfold > General Layout > Dimensions > Maximum Container width field. Unfortunately, you cannot set different images for the portfolio grid overview and the single portfolio page. But you can set a custom thumbnail in the Portfolio Grid Image Size settings of the Portfolio Grid element.
Best regards,
Ismael
Hi,
Could you please provide a screenshot of the expected layout of the page? Please edit the first column in a row then set the Equal Height Columns settings to have a Equal Height. Regarding the image alignment, this is an example:
<a href="URL HERE"><img class="alignleft size-thumbnail wp-image-40" src="IMAGE URI HERE" alt="" width="" height="" /></a>Click here to add your own text. Click here to add your own text.
Noticed the “alignleft” class attribute? It will force the image to float to the left allowing the text to wrap around it.
Best regards,
Ismael