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.
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.

*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
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

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!