Hi,
if you open a portfolio, all items appear with a few milliseconds delay.
Is there a possibility to deactivate this animation, to set the delay to 0?
Thanks!
Hi,
if you open a portfolio, all items appear with a few milliseconds delay.
Is there a possibility to deactivate this animation, to set the delay to 0?
Thanks!
Hello Thomas,
Thanks for writing in!
The portfolio page needs a few seconds to fully load all the items before displaying it in a masonry layout. If you want to adjust the transition, please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)
.isotope, .isotope .isotope-item {
transition-duration: 0.35s;
}
After saving your changes, always remember to clear all caches (since you are using WP Fastest Cache) when updating so that the code from the latest release is always in use. This will help you to avoid any potential errors.
Hope this helps. Please let us know how it goes.
Hi RueNel!
Thanks for the quick reply.
First of all: I have always emptied the cache for everything I describe .
I added the CSS code to the style.css
of my child theme and set the transition duration
to 0.1s
.
If you open the portfolio page with FireFox and look at the elements with the build in Inspector, you can see that the CSS code is correctly adopted.
Unfortunately, this does not change the delay between the appearance of the single entries.
I think, without being a professional, that the attribute transition-duration
doesn’t help me. For testing purposes, I have set the default value in ethos.css
from
.isotope,.isotope .isotope-item{transition-duration:0.8s}
to
.isotope,.isotope .isotope-item{transition-duration:0.1s}
This also has no effect on the appearance of the page.
Do you have another idea how I can speed up the page display?
Have a good one,
Thomas
Hi Thomas,
The transition is also javascript related so it must be changed to something like this
.isotope, .isotope .isotope-item {
transition-duration: 0 !important;
opacity: 1 !important;
}
Hope this helps.
It did, that worked out wonderfully!
Thank you very much, that saved me a lot of time!
There is a small typo in the above code: It should be transition-duration: 0s !important;
. The s
behind the 0
is missing.
Best regards,
Thomas
You’re welcome, Thomas.
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.