Hi freeethinka!

Can you please post a link to the website? How did you add the thumbnails?

Best regards,
Ismael

Hi Torsten!

I visited the page http://www.auvent.de/portfolio/portfolio-ajax/ and it is working properly. Maybe, you’re confused with the thumbnails. Some of the portfolio items have added preview images and it is showing the same thumbnail when you click it. Anyway, it is working as expected. :)

Best regards,
Ismael

Hi!

You can change following code to .75 as well if you would like to change “dimmed at first” kind of effect

.avia_transform .avia-gallery-thumb img {
opacity: 0.1; }

Regards,
Yigit

Hey!

1) Can you post the link to your website?
2) All pictures could have lower opacity and on hover could be opacity 1, with following code

#top .avia-gallery .avia-gallery-thumb a:hover { opacity: 1; }
#top .avia-gallery .avia-gallery-thumb a { opacity: 0.5; }

But if you would like to have it just like it is on the website you have posted, then you are going to need to hire a freelance developer for that kind of customization as it is beyond the scope of support we can provide. You can request quote here.

Best regards,
Yigit

Hi!

Please go to wp-content\themes\enfold\js to find shortcodes.js file

Cheers!
Yigit

Hey JaredBurnett!

You can add Gallery element under Media elements in Avia Layout Builder and add following code to Quick CSS in Enfold theme options under Styling tab to remove borders and padding

#top div .avia-gallery img { border-style: none; padding: 0px; }

And this css code to increase opacity and remove animation

.avia_transform .avia-gallery-thumb img { opacity: 1; }
.avia_transform .avia-gallery-thumb img.avia_start_animation { -webkit-animation: none;
-moz-animation: none;
-o-animation: none;
animation: none; }

Regards,
Yigit

Hi petersandin!

Edit js > shortcodes.js, find this code:

//trigger displaying of thumbnails
gallery.on('avia_start_animation', function()
{
images.each(function(i)
{
var image = $(this);
setTimeout(function(){ image.addClass('avia_start_animation') }, (i * 110));
});
});

Replace it with:

//trigger displaying of thumbnails
gallery.on('avia_start_animation', function()
{
images.each(function(i)
{
var image = $(this);
setTimeout(function(){ image.addClass('avia_start_animation') }, (i * 110));
});
}).trigger('avia_start_animation');

Remove browser cache then reload the page.

Cheers!
Ismael

Hey Eleina_Shinn!

Please edit js > shortcodes.js, find this code on line 887:

var image = $(this);
				setTimeout(function(){ image.addClass('avia_start_animation') }, (i * 110));

Replace it with:

var image = $(this);
				setTimeout(function(){ image.addClass('avia_start_animation') }, (i * 10));

Remove browser cache then reload the page a few times. You can use WT3 Total Cache and Better WordPress Minify to enhance the page loading speed.

Cheers!
Ismael