Text Animation

[Wickedus]

Hi there! So im using a theme called "FKX V2" and I love the theme overall, but my only issue is, figuring out how to have the "ENTER" button on the landing page to fade in, after the full animation of the video is complete. And haven't been able to figure this out. And same with when i click on my clothing products link in the "Menu Footer" the items won't load once it's clicked. Looking for helo to fix this as fast as possible!

Thank you!

[namphan]

Hi @Wickedus,

Can you send me the site link? I will help you check it

[Wickedus]

https://53a908-ad.myshopify.com/

password: 4444

[namphan]

Hi @Wickedus,

Please go to Actions > Edit code > Assets > theme.css file and paste this at the bottom of the file:

@-webkit-keyframes fadeOut {
  0% {opacity: 1;}
  100% {opacity: 0;}
}

@keyframes fadeOut {
  0% {opacity: 1;}
  100% {opacity: 0;}
}

.videoBackground .text {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
  animation-duration: 10s;
}

[Wickedus]

It worked! Wanted to see how I could get the video to play first, then have
the enter button appear at the end. Would you have a way on how to do it?

[namphan]

Hi @Wickedus,

Can I send you a collaborator invitation? it will help me check the animations and give you a solution

[Wickedus]

Yes!

[namphan]

Hi @Wickedus,

You can send me the collaborator request code, I will send you an invitation

[Wickedus]

Yes just waiting on permission access

[namphan]

Hi @Wickedus,

Please send collaborator request code via private message, I will send you an invitation to collaborate

[Wickedus]

I sent one over. Was it seen?

[namphan]

Hi @Wickedus,

Sorry, I didn't receive it, can you resend it via private message or email?

I will check it.

[Wickedus]

Collaboration code: 3304

[Wickedus]

Collaboration Code: 3304

[namphan]

Hi @Wickedus,

I sent the request, after access, I will check it

[Wickedus]

Just accepted the request!

[namphan]

Hi @Wickedus,

I received it, will check and notify soon

[namphan]

Hi @Wickedus,

Please change code:

@-webkit-keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

@keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

.videoBackground .text {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  animation-duration: 10s;
}

[Wickedus]

Thank you! It still fading in slowly, and we wanted to have the fully animation play than have it show at the end of it all

[namphan]

Hi @Wickedus,

I don't understand, you want it to display faster? or how it will be displayed