Change color multiple times

@mhason Hi, unfortunately, this isn’t a built-in feature of my plugin but I believe it could be done with elementor pro’s sticky section feature and some css. Do you have elementor pro? If so, I’ll see if I can come up with a solution for you. Let me know

Hi, thanks for your reply. Yes, I do have Elementor Pro. Appreciate your help.

Hey @mhason I got it working how you need I think. First, select the header setion and go to advanced tab > motion effects and set the effects offset to 700.
https://snipboard.io/63IOpW.jpg

That is the distance for the second color change.

Next, go down to the custom css(or wherever you put your css) and add this code

/* Sticky Header Third Color */
.she-header.elementor-sticky--effects {
	background-color: red !important;
}

Change “red” to whatever color you need.

The header should now change white at the 300px you set, then again to whatever you put in the code at 700px. I hope this is what you were looking for even though it’s not an official plugin feature. Lmk if you need more help

If this helped I would really appreciate a review if you have a second. It helps me out a lot! Thanks and good luck!
Leave A Review

Awesome, thank you so much! I’ll give it a try and let you know.

@mhason hey, I was wondering if this worked for you. If so, I’m going to mark this resolved. Let me know. Thanks

@rwattner it worked partially but it worked. Thanks. Sorry for not replying. You can mark this as resolved.