I cloned a text interaction where an svg of masked text “MISSION” gets bigger as you scroll down the page. This is probably a dumb question, but I cannot for the life of me figure out how to change the background color from the cloneable file! I have spent way too much time playing with it, seeing if it’s being covered, I’m not sure where the original color is coming from.
Any help would be so appreciated. The section is located towards the bottom of the page and I would like to change the background to one of my variable colors, not the pale blue that is currently there - thank you so much for any insight!
If you mean the background color that you see around the word “MISSION” in the bottom section, I believe it is from the image itself and is not due to any additional styling on your part.
Here’s a screenshot of the image when no background is applied to the section and you can see the image originally has the shade around the text.
Thank you! I’m sorry, I was referring to the light blue background that appears behind the section “Mask Zoom” - I feel like I’m missing something so obvious, but I want to change that color and am unsure of where those settings are.
Thank you so much! I created that SVG to replace the one in the cloneable file, but I am unsure of how to change the pale blue color that is around that section and appears as the “background” currently. I would like it to seamlessly look like the same color as the “Mission” image background.
I greatly appreciate that you took a look at this!
Ahh got it, you can modify the color in “Outer shadow” property under Style → Box shadows for the “MISSION” image and apply any background color as you need and it should work.
Here’s a screenshot of the setting you could apply for the desired outcome:
