Hi,
The demo link go to overview page and not the exact gallery page. You need to close the iframe to get the exact demo link. However i was able to view the gallery in screenshot. Please click on the gallery to access the gallery options and increase the number of images in the “Gallery Columns” to see if that will close the gap. Even while using 2 images it should close the gap
Please enable debug mode and paste the below code in the debug text area and save the page then click on advanced layout builder and confirm that the gallery element is showing and add images and save the page again before you preview the gallery.
[av_gallery ids='316,315,314,313,2978,2979' style='big_thumb' preview_size='medium' crop_big_preview_thumbnail='avia-gallery-big-no-crop-thumb' thumb_size='portfolio' columns='2' imagelink='lightbox' lazyload='avia_lazyload']
Let us know if this helps. if you still have any issues please share the link to your site.
Best regards,
Vinay
Hello. What I want to do is have a thumbnail, and then have it link to the larger image that opens in a new tab. It keeps opening in a lightbox though. How do I get it to stop doing that?
Hi,
I would like to enable the category image thumbnail so it displays on the individual category to the left of the text field. I did this one on Abundance theme.
I tried with this code and it broke the page but had an undesirable effect on the page:
/* --------------------------------------------------------------
## >= Display Category Images
----------------------------------------------------------------- */
add_action( 'woocommerce_archive_description', 'woocommerce_category_image', 2 );
function woocommerce_category_image() {
if ( is_product_category() ){
global $wp_query;
$cat = $wp_query->get_queried_object();
$thumbnail_id = get_woocommerce_term_meta( $cat->term_id, 'thumbnail_id', true );
$image = wp_get_attachment_url( $thumbnail_id );
if ( $image ) {
echo '<div class="product-category-image"><img src="' . $image . '" alt="" /></div>';
}
}
}
Hi Guys,
Working with your theme and it’s going great but I have a question.
How can i change the thumbnail size on the upcoming events so that it’s bigger. Can I make it twice the size?
Thanks in advance!
Kind regards
Tom
Hello! I cannot get gallery thumbnails to move close together. Always have large gap around them no matter what size or column I choose. Please do not ask for link. This is on a localhost server.
In your demo there are several examples of WordPress galleries with thumbnails all tight, close together. How can this be done? Thanks
Screenshots:
https://drive.google.com/a/bigredbarndesign.com/file/d/0B8PDA52LABA9ajVwSUhpbC1kbWs/view?usp=sharing
https://drive.google.com/a/bigredbarndesign.com/file/d/0B8PDA52LABA9S2RZQzdvY3lTeXc/view?usp=sharing
Dear Support Team,
I got few problem after activate the theme, please see below detail;
1. “Read more” box, the bolder of the box is not a square.
2. Some posts are missing the excerpt.
3. “Related post” is missing even I changed the “show thumbnail and post title by default” is still the same.
4. Some posts are missing the comment /reply box.
5. Can I arrange the post pattern by move the featured image from top to left?
URL: http://www.best-watch-review.com/
Thank you in advance for your kind support.
Hello,
I’ve been trying to solve this problem myself for hours, but can’t get it to work properly.
Here’s my question: I would like to add a custom “read more” link beneath each item in the masonry blog view, that gets populated with data from Advanced Custom Fields for linktext and linktarget. To achieve this, I need to output the link beneath each item and remove the A container that is wrapping each masonry blog post item.
I am able to put together the link just fine, but I fail at removing the A container and replacing it with a DIV – the layout gets messed up & the posts are not shown next to each other but underneath each other, every item in fullwidth (although I’m setting all the css classes that were used on the A container before).
I used this code in my functions.php:
add_filter( 'avf_masonry_loop_prepare', 'avf_masonry_loop_prepare_mod_cat', 10, 2 );
function avf_masonry_loop_prepare_mod_cat( $key, $entries )
{
$linktext = get_field('linktext', $key['ID']);
$linktarget = get_field('linkziel', $key['ID']);
if ( empty( $linktext ) ) {
$linktext = "Mehr >";
}
if ( empty( $linktarget ) ) {
$linktarget = $key['url'];
}
$key['text_after'] .= "
<span class='masonry-more-link-arrow'><a href='" . $linktarget . "' target='_self' class='readmore'>". $linktext ."</a></span>";
return $key;
}
And this Javascript code:
jQuery('document').ready(function(){
jQuery('a.av-masonry-entry').wrapInner('<div class="masonry-element"></div>');
jQuery('.masonry-element').addClass('av-masonry-entry isotope-item post type-post status-publish format-standard has-post-thumbnail hentry category-aktuelles av-masonry-item-with-image av-masonry-item-loaded');
if ( jQuery('.masonry-element').parent().is( "a" ) ) {
jQuery('.masonry-element').unwrap();
}
jQuery( '.masonry-element.av-masonry-entry:empty' ).remove();
});
I hope I could make my problem clear!
Thank you in advance for your help!
-
This topic was modified 9 years, 10 months ago by
gugler. Reason: Usage of in text messed up the display ;)
Hi :)
I’ve been trying all sorts of different code and quick CSS from other forum threads here but can’t seem to find a solution.
I’m creating a homepage for a photographer and she doesn’t like all the animation on the galleries. So we want the pictures just to show up old school style when moused over. An example is this page:
When you mouse over a thumbnail the big image above fades to white and then fades from white to the next picture. This is the effect we would like to remove.
How is this done?
Thanks!
Hey xfacta!
Thank you for using Enfold.
Install the following plugin then go to the Settings > Media thumbnails. Adjust the size of the “entry_with_sidebar” thumbnail, update, save then regenerate the thumbnails. https://wordpress.org/plugins/simple-image-sizes/
Regards,
Ismael
Hi team,
is it possible, to give a word direct manual Link to an Ajax preview on the same page?
E.g. I have a client’s name list in the right column and all the portfolio thumbnails in the left column. If I click on a client’s name in the right column, it should show me the ajax preview of the correct thumbnail in the left column.
I hope you get what I mean. It’s supposed to work on this website: http://skcc.de/projekte/
Thanks and cheers,
Jan :)
Hi, thanks for your answer. I can try to explain my problem in english too.
2 Things:
1) I want a simple gallery with thumbnails where my work is shown. Should look like in the demo One Page portfolio. With one big difference. When i klick on one thumbnail i want a (slide) gallery because under this thumbnail there are more jobs done in a serie. You know? And not only pictures, but also videos (embeded from youtube). Is there a possibility?
I tried the 2/3 Slide gallery, but there the big picture above the thumbnails is not sharp. When i click on it it opens and tehere it is sharp, what could be the problem?
2) i want e preloader Image like a logo or to be exactly – a claim. Whats the best size and format for this (full screen)…???
Thanks for your help.
PS: And i am not very familiar with codes;(
-
This reply was modified 9 years, 10 months ago by
Eisenbock.
Hi,
Thank you for the info. Looks like you modified the sale container. 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 .related .product').each(function() {
var onsale = $(this).find('.onsale'),
thumb = $(this).find('.thumbnail_container');
onsale.appendTo(thumb);
});
}
h();
})(jQuery);
</script>
<?php
}
Add this in the Quick CSS field:
#top .related .onsale {
top: 0;
left: 0;
}
Best regards,
Ismael
Hi, ich möchte eine schlichte Gallery machen, mit verschiedenen Arbeiten als Thumbnail. Klickt man darauf würde ich aber gerne ein größeres Pic haben und darunter (Arbeiten aus einer Serie) im Thumbnail (wie bei 2/3 Slide gallery)…das habe ich gemacht, aber das Große Bild ist immer unscharf/pixelig. Erst wenn man darauf klickt kommt die slideshow woe es auch scharf ist. Any help?
Thanxs.
Hi!
Ok, now I have build a test-site to show the problem:
On the right sidebar I missing the thumbnails for the last posts (“Letzte Beiträge”).
Thanks,
Tom
-
This reply was modified 9 years, 10 months ago by
tomwu.
Hi,
It’s not consistent because the original images have different sizes and orientation. Even if the “medium” thumbnail is set, two images with different size and orientation can produce different version or size of “medium” thumbnail.
Best regards,
Ismael
Hi Vinay,
I did manage to change the default lightbox pupup window size and the ratio, thanks to one of you colleague’s suggestion to use an imagesize plugin. Though I still could not change the automatic masonry thumbnail image ratio when I choose “Perfect Grid” with automatic thumbnail crop option.
yan
Hi Ismael,
Thanks for the suggestion. I could actually change the default lightbox pupup window size using this plugin. I still could not find out a way to change the automatic masonry thumbnail ratio, not the size. Is there a way to do it or by modifying the function file.
yan
Hi Yigit,
Not when I have normal thumbnail size and have big first picture on left side..
However by changing the thumbnail size it looks I can solve the issue.. So that’s fine for now..
Thank you for your help..
No, I don’t want to hide the thumbnails, I want to display the thumbnails.
But are there any options in the theme or in wordpress, that prevent this?
Tom
Thanks, but I don’t want it.
Are there any options in the theme or in wordpress, that hide theese thumbnails?
Tom
Thanks, but:
I have already added featured images, but there are no thumbnails by the the latest posts in the sidebar.
Tom
Hi,
how can I add Thumbnails to the recent posts in the sidebar?
Thanks,
Tom
I have esxported RSS file from old WordPress ( http://www.mylabrador.it/ ) but when I install it in a new enfold installation under a subfolder ( http://www.mylabrador.it/nuovo/ ) the thumbnails are missing
Hi,
Try to change the maximum width and height of the “masonry” thumbnail, default is 705x705px. Use this plugin: https://wordpress.org/plugins/simple-image-sizes/
Best regards,
Ismael
Hi,
Adjust the width and height values then use the suggested plugin to regenerate the thumbnails. http://wordpress.org/extend/plugins/regenerate-thumbnails/
Best regards,
Ismael
Hi,
Since you’re uploading images with different sizes, the theme cannot generate thumbnails with the same size. One solution is to upload images with the same size. Or edit the archives.php file. More info here: https://kriesi.at/support/topic/style-of-single-menu-button-item-link-to-submenu/#post-639090
Best regards,
Ismael
Thanks Yigit,
Is that the only way? my website has a lot of pics, and regenerate all image thumbnails will take a lot of time and disc space..
Why it is happen like this? Did I do something wrong, I see in other website with enfold are fine without extra code and plugin?
Thanks..
I tried the changes for search thumbnail and it isn’t working. Is it something conflicting with what the functionality changes are?
The text colour worked perfectly, thank you!
Ok, 2 and 3… on some of our PAGES that have a parent, they have a category added. I don’t want that on it but the link for those pages really can’t change. I guess if I had to I could change them to a shorter link then add a redirect so people using the old link get redirected… but some have buttons and things people share on their blogs with the link as it is now… see below…
Also, when you use the menu to get to a category, some of those show up as 95% width some are showing up as 100%. I want the pages to show at 100% but any posts to show at 95 or even 90%. Can that be done? See below…
ALSO! The SEARCH (magnifying glass) isn’t even showing on mobiles! How do I change this?
-
This reply was modified 9 years, 10 months ago by
Lucille.
Hey Surya!
Please add following code to Functions.php file of your child theme in Appearance > Editor
add_filter( 'avf_modify_thumb_size', 'enfold_customization_modify_thumb_size', 10, 1 );
function enfold_customization_modify_thumb_size( $size ) {
$size['magazine'] = array('width'=>200, 'height'=>200);
return $size;
}
adjust the size as needed and then regenerate thumbnails using this plugin – https://wordpress.org/plugins/regenerate-thumbnails/
Best regards,
Yigit
Hi..
I need help to correct my thumbnail image. Please see this link : http://villabugis.com/001-test-page/
As you can see the image in thumbnail are not in square as it’s box, so it looks not good, how can I get it cropped correctly?
This is taken from featured image. My portfolio grid showing this featured images cropped well, but not with the magazine..
Please help..
Thanks,
Surya