Change color of title on scroll | WordPress.org

Resolved josflachs
(@josflachs)

2 years, 8 months ago

I want the Site Title to change color on scroll, but I can’t figure out how to do that. https://wordpress.org/support/topic/change-text-color-when-scroll/ works like a charm on menu links, but I’m stuck with a non changing Site Title.

Viewing 6 replies - 1 through 6 (of 6 total)

Plugin Contributor Robert Wattner
(@rwattner)

2 years, 8 months ago

Do you have a link to the site? How are you putting the title in the header?

Thread Starter josflachs
(@josflachs)

2 years, 8 months ago

It’s the Site Title widget from Elementor.

https://thailanguage-house.com/
Plugin Contributor Robert Wattner
(@rwattner)

2 years, 8 months ago
Thanks, that helped a lot.

This css should work for you
```
.she-header-yes .elementor-heading-title {
    transition: all 0.4s ease-in-out;
}

.she-header .elementor-heading-title {
    color: red !important;
}
```
Just change the transition and color to whatever you like. I hope this helps.
Plugin Contributor Robert Wattner
(@rwattner)

2 years, 8 months ago
Oh, almost forgot, you might want to add this code to make the header sticky initially so it doesn’t jump.
```
.she-header-yes {
  position: fixed;
  top: 0;
}
```
That’s your decision though, just thought I might suggest it.
Thread Starter josflachs
(@josflachs)

2 years, 8 months ago

Thanks, that really looks much better.

Plugin Contributor Robert Wattner
(@rwattner)

2 years, 8 months ago

Happy to help!

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Change color of title on scroll’ is closed to new replies.

6 replies
2 participants
Last reply from: Robert Wattner
Last activity: 2 years, 8 months ago
Status: resolved