How to Set On-Scroll Color for Connector Line and Icon?

You might have observed that the connector line and icon color changes as you scroll down or up on the timeline. Basically connector and icon change the color as it comes in the viewport.

Content timeline example
  • The setting can be found under Style (tab) >  Connector.
  • You will observe two tabs named DEFAULT and FOCUSED.
  • DEFAULT tab offers color settings for line and color that will display when they are not focused or hovered.
  • FOCUSED tab offers color settings for line and color that will display when you scroll on the timeline. You can set Line Color, Icon Color, and Icon Background Color.
Elementor content timeline widget settings


Note: If color for the icon is set from individual timeline item, it will override above color options for the icon. See How to Style Particular Item / Icon?

Was this article helpful?
Did not find a solution? We are here to help you succeed.

Related Docs

Get access to growing library of 40+ innovative widgets and 300+ creative templates.

Scroll to Top