Page 1 of 1

How to change textcolor in a transition?

Posted: Tue Sep 24, 2019 5:48 pm
by Markus
I try to change the text colour of a text element using the CSS transition.

Image

If I choose the property "background-colour" then all went okay. The background colour of the text changes if I scroll the page downwards. But what property I have to choose to change the text colour? All other entries related to "colour" does not change the text colour.

Thank you in advance
Markus

Re: How to change textcolor in a transition?

Posted: Tue Sep 24, 2019 5:59 pm
by Pablo
You cannot change the text color of a text object, because this is an inline style. Animations/transitions apply to the text's container only.
However, it should work with a heading or label.

Re: How to change textcolor in a transition?

Posted: Tue Sep 24, 2019 6:12 pm
by Markus
Thanks! Label works, Heading not. But I can go on now. :D *ThumbsUp*

Re: How to change textcolor in a transition?

Posted: Thu Sep 26, 2019 11:21 am
by Fender
It is possible with a Heading and scroll transition, but you also have to insert

Code: Select all

<style>
#Heading1
{
color: inherit !important;
}
</style>
and use

Code: Select all

Type: do not use <div>

Otherwise you won't see the colorchange of the text.
Using the Heading object gives you the abelity for a larger text bloc.

Look at this post https://www.wysiwygwebbuilder.com/forum ... 56#p419356

Re: How to change textcolor in a transition?

Posted: Thu Sep 26, 2019 7:59 pm
by Markus
Great Fender, thanks for the link to your post. :)

Re: How to change textcolor in a transition?

Posted: Fri Sep 27, 2019 10:55 am
by Fender
:P That's what the forum is for, I'm also happy when I'm not left in the dark and get a real solution
to accomplish what I'm looking for!