Tagged: margin, Masonry Gallery, spacing
Hi!
How can I change the spacing between the tiles of masonry gallery? Is there any costum CSS to fix that?
10px would be perfect!
Thanks and regards
Luke
Hey LukasE!
Please choose to display “Large gap” in “Gap between elements” – http://i.imgur.com/7QClC5p.png
Cheers!
Yigit
Hey Yigit!
I’ve probably not well described. The three options I know.
Would it be possible to set the gap to 5px or 10px by custom CSS?
Cheers!
Lukas
Hey!
Please add following code to Quick CSS in Enfold theme options under General Styling tab and adjust as needed
.av-large-gap.av-flex-size .av-masonry-entry .av-inner-masonry { margin-right: 10px; }
Best regards,
Yigit
It worked – thank you!
I have one more question: Can the size of the lightbox view be changed?
The photos in my gallery have 1500px width. Nevertheless, they are presented only with 1030px width. Can the lightbox be adjusted, so that displays the full resolution?
Cheers!
Lukas
Hey!
Yes, please insert this code into the functions.php file (child theme functions.php or enfold/functions.php):
add_filter('avf_avia_builder_masonry_lightbox_img_size', 'avia_change_gallery_thumbnail_link', 10, 1);
function avia_change_gallery_thumbnail_link($size)
{
return "full";
}
Cheers!
Peter
Hey Peter!
This code causes the following error:
Parse error: syntax error, unexpected ‘function’ (T_FUNCTION) in /www/htdocs/w01228d6/deinauftritt.at/wp-content/themes/enfold/functions.php on line 28
Greets!
Lukas
Hey Lukas!
I added the code and it does not give any errors on my local installation. Please try to copy & paste the code to bottom of functions.php file
Best regards,
Yigit
Hey Yigit!
My mistake, I have copied the code into the function.php.
Now it works!
Thanks and best regards,
Lukas