Remove fade in portfolio single items « Support Forum | Kriesi.at

Support Forum » Angular

Remove fade in portfolio single items

10 posts from 3 voices

Started 11 months ago by Martonita
Latest reply from Ismael
This topic is not a support question

Tags:

Martonita
Member

Hi! Thanks for such a nice theme. I'm playing around with the portfolio section, and made changes to view the pictures one behind each other and not as a slideshow.

The point is the first image loads later than the others because of the fade in effect... how can i totally remove or change duration of the fade in portfolio single entries?

Thanks a lot in advance!

Posted 11 months ago #
Martonita
Member

Anyone there?

Posted 11 months ago #
Devin
Moderator

Hi Martonita,

Do you have the site live so I can see what changes you've already made?

Regards,

Devin

Posted 11 months ago #
Martonita
Member

Hi Devin,

you can check it here: http://www.innovaimagen.com/web/?portfolio=invitacion-polynesia

Posted 11 months ago #
Martonita
Member

Did you check my website? I'm on maintenance mode, waiting for your answer to hide the site again...

Posted 11 months ago #
Ismael
Moderator
Hi Martonita,

Try adding this code in your Quick CSS or custom.css:
```
.js_active #top .slideshow li:first-child {
   visibility: visible !important;
   opacity: 1 !important;
}
```
Hope this helps. :)

Regards,
Ismael
Posted 11 months ago #
Martonita
Member

Hi Ismael,

thank you very much, your code solves the problem for portfolio single items but change also the appearance of the portfolio overview. Now in the homepage all the images appear in color at the same time and then turn to greyscale.

Is there anyway to apply your code only for portfolio single items?

Regards :)

Marta

Posted 11 months ago #

Ismael
Moderator

Hello,

Replace the first code with this.

.eight.units .js_active #top .slideshow li:first-child {
   visibility: visible !important;
   opacity: 1 !important;
}

Regards,
Ismael

Posted 11 months ago #

Martonita
Member
Thank you very much Ismael!! Your last code at first didn´t work. Just change the order and works perfect for me :)

This was the right option:
```
.js_active #top .eight.units .slideshow li:first-child {
   visibility: visible !important;
   opacity: 1 !important;
}
```
Regards,

Marta
Posted 11 months ago #
Ismael
Moderator

Hi Marta,

Glad that I could help you. :)

Cheers,
Ismael

Posted 11 months ago #