-
Search Results
-
In reply to: Padding blog post on mobile devices
Hello Rikard,
Revisiting this issue, I noticed that blog posts are showing a large padding on the right of images when ‘thumbnails’ are showing on a vertical grid (there is no padding when an image is clicked and a manual slider is displayed). I then noticed that Instagram has no padding when displaying photographs or video.
How can I remove padding for videos and images while keeping a small (10px) left and right padding for text only?
Thanks,
ofekwPlus, as you can see in the video, the images are loaded in a top to bottom way. Before uploading images to wordpress i compressed and saved them in progressive format on photoshop. Why then enfold uses baseline thumbnails? Progressive images should load straight away, but at a lower resolution first. Baseline load from top to bottom and looks ugly, if i am correct
Currently when I view a category or a keyword on the blog it shows the complete post with all text and images.
How can I make sure that it shows the excerpt only with a thumbnail (image of the blog entry), for example or any other way
Thanks
In reply to: Display copyright text below Big magazine image
Hi Darko,
You’re welcome :)
The copyright text is coming from functions-enfold.php and you can override it by adding this code in functions.php of your child theme (then tweak this as this is the original code):if( ! function_exists( 'avia_post_thumbnail_html' ) ) { function avia_post_thumbnail_html($html, $post_id, $post_thumbnail_id, $size, $attr) { $attachment_id = get_post_thumbnail_id($post_id); $copyright_text = get_post_meta($attachment_id, '_avia_attachment_copyright', true ); if ($copyright_text) { $html .= "<small class='avia-copyright'>{$copyright_text}</small>"; } return $html; } if (! is_admin()){ add_filter('post_thumbnail_html', 'avia_post_thumbnail_html', 99, 5); } }Hope it helps.
Best regards,
NikkoIn reply to: Force Enfold to use original image
Hi Ismael, Thanks for getting back to me. What seems to be happening is odd physical size are being generated. So in the masonry element the background images all have variably pixel dimensions ( 705×409.jpg ) and ( 705×440.jpg ). It looks like enfold is generating these size, the problem is these sizes are not optimised imagify. So I was asking for a way to force the masonry element to use a fixed thumbnail size like maybe ( portfolio – 495 × 400 )?
In reply to: Author Page
Hi,
Thank you for the clarification.
Edit the includes > loop-author.php file and look for this code around line 134:
//echo the post title echo $title;Above, add this code to render the featured image on top of the post title.
$link = ! empty( $url ) ? $url : get_permalink(); $featured_image = apply_filters( 'avf_post_featured_image_link', get_the_post_thumbnail( $the_id, 'entry_with_sidebar' ) ); $featured_img_title = trim( the_title_attribute( 'echo=0' ) ); $blog_style = ! empty( $avia_config['blog_style'] ) ? $avia_config['blog_style'] : avia_get_option( 'blog_style', 'multi-big' ); if( $featured_image ) { $featured_image = '<a href="' . $link . '" ' . $featured_img_title . '>' . $featured_image . '</a>'; } if( $featured_image ) { echo ' <div class="big-preview ' . $blog_style . '">' . $featured_image . '</div> '; }Best regards,
IsmaelI would like know how to display the thumbnail of the popular post in a page, or any plugin recommended?
In reply to: Force Enfold to use original image
Hi,
Sorry for the delay. The generated thumbnail is probably larger because the theme automatically sets the default image compression setting to the highest quality possible. If you want to override it, try to add this snippet in the functions.php file.
function av_return_100(){ return 65; } add_filter('jpeg_quality', 'av_return_100'); add_filter('wp_editor_set_quality', 'av_return_100');You can adjust the return value 65 to something else. Default value is 100.
Best regards,
IsmaelHi,
Sorry for the delay. The maximum image width is set to 250px. You should try to increase the value of the Thumbnail width option a bit more in the Customizer > WooCommerce > Product images panel as @Victoria suggested above. You don’t need to regenerate the thumbnails.
Best regards,
IsmaelTeam:
the blog grid on my homepage currently shows 3 columns. However, if I watch it on a mobile there is only one column with a very large thumbnail.
I’d like to set it up such on mobile it only shows 2 columns with a respective small thumbnail. or alternatively with a listed view: thumbnail left, title right.
Kindly teach me how to do both.
Thanks!
MagnusIn reply to: Removing parts from the video player
Hi,
This is not a native feature. Perhaps the plugin suggested here would help:
https://www.wpbeginner.com/plugins/how-to-add-featured-video-thumbnails-in-wordpress/
Best regards,
Jordan ShannonHi,
finally i got it to work to get to Lightboxes on the same page to work, there is only one thing i cant get to work.i waant to display only one thumpnail for every lightbox, i gave the first image element the first class an than set it with css to display none.
that work fine if there is only one lightbox but when i have to the second one will not be displayed because there is no fist set.here is my code, may someone can help me fix this:
<div class="bilderbox"> <div class="topogal"> <div class="detailitemheader"> Topobilder: </div> <div class="detailitem topoimg"> <ul class="topogals"> <div class="avia-gallery"> [each topobilder] <li class="topo [once]first[/once] "> <a href="{@_src.full}" data-lightbox="T (Email address hidden if logged out) }" class="lbimg " title="Topobilder: {@bergname} - {@routenname}" rel="Topobilder"> <img data-lightbox="Topobilder" src="{@_src}" class="lbimg [once]firstimg[/once]" /> </a> </li> [/each] </div> </ul> </div> </div> <div class="picgal"> <div class="detailitemheader"> Bildergalerie: </div> <div id="galbox" class="detailitem galerie"> <ul class="picgals"> <div class="avia-gallery"> [each bildergalerie] <li class="gal [once]first[/once]"> <a href="{@_src.full}" data-lightbox="Tourenbilder (Email address hidden if logged out) }" class="lbimg " title="Bildergalerie: {@bergname} - {@routenname}" rel="Tourenbilder"> <img data-lightbox="Tourenbilder (Email address hidden if logged out) }" src="{@_src}" class="lbimg [once]firstimg[/once]" /> </a> </li> [/each] </div> </ul> </div> </div> </div>css file:
.galerie ul li.first{
display:block;
}
.galerie ul li{
display:;
}
.topoimg ul li.first{
display:block;
}
.topoimg ul li {
display:none;
}In reply to: Removing parts from the video player
I figured out how to increase the size.
I was able to upload the video and get the video into the page… was wondering if there was a way to edit the thumbnail image of the video using the native element. Or do I have to find a plugin?
Hi guys!
Hope you are safe and doing great. Quick question. I would love to have the Related posts at the end of the blog posts show title only. No thumbnail.
How could I do that?
If not possible, can I change the number of related posts that render from 6 to 4?
Thank you so much!!
Havi
In reply to: Image optimization for photography website
Hi Nikko,
Thanks so much for your help with this. Do I need to change the size of the thumbnails in the media settings before I regenerate or will the code you’ve provided be sufficient?
Jaime
In reply to: Image optimization for photography website
Hi Jaime,
You’ll need to regenerate old images since it only affects images uploaded after the code is added.
In the Plugins find Regenerate Thumbnails and regenerate images (you can use other regeneration plugin if you like).Best regards,
NikkoHi Swathi,
Thanks for giving us admin access and was able to check your backend config that is related to your question.
The image size is set in Appearance > Customize > Woocommerce > Product Images > Thumbnail width.
By default the width is 300px and since it’s uncropped means the height varies, to make it more optimal I would suggest uploading an image with 300px width and the height depends on you (my suggestion is using 300px as well but this is based on your preference).
Hope this helps.Best regards,
NikkoIn reply to: gallery layout on portfolio page
Hello,
thank you for reply.No, my images do not have the same “real” dimension no… but why should this be important ? I have seen many themes that creates 1:1 squares where images do not have same real size… but script “crops” them on the fly or what so ever .. but I have seen it..
Also how can these rectangles that I have now be the same size when some images are vertical when viewed as big images … ? in short how can these rectangular thumbnails have the same size when images are different sizes and crop, some of my images are 1:1 in real, some are portrait based etc…
Just asking…
Thank you for the reply
Best regards
AmelIn reply to: Generated images per upload
Hi,
You can try the following filter instead of using the plugin.
function ava_image_sizes() { remove_image_size('masonry'); remove_image_size('magazine'); remove_image_size('widget'); remove_image_size('featured'); remove_image_size('featured_large'); remove_image_size('extra_large'); remove_image_size('portfolio_small'); remove_image_size('gallery'); remove_image_size('entry_with_sidebar'); remove_image_size('entry_without_sidebar'); remove_image_size('square'); } add_action( 'after_setup_theme', 'ava_image_sizes', 11 );After adding it in the functions.php file, install this plugin to regenerate the thumbnails.
// https://wordpress.org/plugins/regenerate-thumbnails/
Best regards,
IsmaelHi,
I am using the product grid element for shop page to all the products available.
the product thumbnails are not properly aligned. I want to show all product thumbnails in same size.
if I use crop , the images are looking blur. if i set to un-cropping the product thumbnails are aligning in different sizes.
Please help me with the proper settings
Please check the private content for link.Thanks
SwathiHi,
I have regenerated the thumbnails using the plugin. And changed image sizes , set them to no cropping .
But Still, the images in category pages are looking blur. please check the private content for link.Thanks
SwathiHi there,
I’m hoping there is a quick fix that doesn’t involve an image optimization plugin for my site. We currently are using the masonary gallery to display images on our site. The masonary is showing thumbnails at twice the size. So an image that appears 343 wide on the front end is actually 705 wide. Then it lightboxes to full size. I’m wondering if there is a way for an image that is only appearing at 343 to actually be closer to 400 px wide vs over 700. What about regenerating thumbnails?
Jaime
In reply to: Generated images per upload
I just try this and nothing happens.
look for the Thumbnail regeneration section and tick of the checkbox of the thumbnails that you don’t want to use. Save changes
After save all are checked again.
This are my steps.
1- Install Simple Image Sizes
2- Add 0x0 to all unwanted sizes.
3- Hit Save.
4- Uncheck all 0x0 sizes.
5- Regenerate Thumbs.The result is that I have exactly what I had, a full server with all image sizes.
After that I tried Regenerate Thumbnails plugins and the result is the same.
All images are there.
So, how to delete all unwanted images?
Thanks.
In reply to: gallery layout on portfolio page
Hello,
no prob, it´s ok, seems to be working fine now yes, is it possible to get these thumbnails in 1:1 format ? 100% square ? and locked thumbnail image size so they not get bigger when user maximises the browser window ?
Thank you for helping !!
Best regards
AmelIn reply to: Custom Product Image Thumbnail sizes in Enfold Shop
Hi,
Sorry for the delay. The following code actually works on our end.
add_filter('woocommerce_get_image_size_gallery_thumbnail', function($size) { $size = array ( 'width' => 9999, 'height' => 9999, 'crop' => 1, ); return $size; },10, 1);The filter should alter the default size of the _gallery_thumbnail returned by the wc_get_image_size function.
Thank you for your patience.
Best regards,
IsmaelHi Swathi,
Please go to the Customizer > WooCommerce > Product images, change image sizes, set them to no cropping and regenerate thumbs
If you need further assistance please let us know.
Best regards,
VictoriaHi Mike!
Mike- on the topic of restoring the title attribute to the linked thumbnails of your blog posts such as the link in the Private Content area, I found that the postslider.php was missing the title attribute on line 699 $title
I have adjusted your child theme postslider.php so your natural titles will show.-S. Ok perfect, it now goes well. well done Mike!.
——————————————————-
Mike- I also found that to remove the “portfolio elements” from the same page the “tag.php” needed to be adjusted, I did this and added the file to your child theme, so now the heading doesn’t show and no scripts or css is used to hide it, as requested.S.-Perfect, exactly what I wanted!
———————————————————
Mike- I reenabled all of your plugins and customizations except for the two jQuery scripts that you didn’t want to use anymore in your original request.
Please clear your browser cache and check.
s.- Yes, the image title tags are now correct, Even the wording “portfolio elements” by default inside the tags, has disappeared, and removed even in the child thme so it will no longer appear.
Everything seems to be working
—————————————————————
But I think there are still personalization files that create problems:Problem 1) – Analyzing portfolio articles (see link, 1 and link 2 in private)
They appear in the header of hidden links that should not be there, these disappear if within the dashboard in the single portfolio article, set the command to “hide the header” (Link 3), if you want to try to see the difference in the analysis of the page, changing the settings to show or not show the header.
-The problem is that I have thousands of articles and I would like to avoid going into all of them to “hide the magazine”, is there a way to do it for all the portfolio items?Problem 2 or 1b) – Linked to the problem of the header in the portfolio articles, it is noted that by inspecting the pages of the site with specific sites (see link 4 and try scanning a page “example link 5), hidden words appear that should not be present, (81 times the site name, 69 times the word “agrave” and others) This is a problem for my seo technician who is unable to have a clear keyword analysis.
Is possible solve this problem?Problem 3) Do you still see the jS error that Yigit saw in this discussion? https://kriesi.at/support/topic/ajax-research-redirect-to-the-search-page-seems-that-the-search-does-not-respon/#post-1192685
Conclusions:
if you could check all the customization files, including css and delete those (or specific functions) that can create problems, and keep only those that are definitely going well, it would be great for me ..Unfortunately I have heard more developers and no one seems to be able to work well.
thanks Mike
I am confident in your work.
I stay on hold.Best regards,
S.Hi,
Thank you for the ftp access, on the topic of restoring the title attribute to the linked thumbnails of your blog posts such as the link in the Private Content area, I found that the postslider.php was missing the title attribute on line 699$title
I have adjusted your child theme postslider.php so your natural titles will show.
I also found that to remove the “portfolio elements” from the same page the “tag.php” needed to be adjusted, I did this and added the file to your child theme, so now the heading doesn’t show and no scripts or css is used to hide it, as requested.
I reenabled all of your plugins and customizations except for the two jQuery scripts that you didn’t want to use anymore in your original request.
Please clear your browser cache and check.Best regards,
MikeIn reply to: Article Draft preview sometimes doesn't work
In reply to: Sidebar Thumbnails Size
maybe it has changed in the meanwhile – and uses now the srcset for those images too.
The flter allready exists and let you influence what generated image-size is used for those widget thumbnails.
You can style these images with css – but on former enfold versions ( it only resizes the 36px or 80px thumbnail ) there is always defined a thumnail size as source for those (featured)-images
I talk about the sidebar widget images. This filter can redefine the source for it.
