Instructions

Quick guide on how to edit your template

How to edit svg icons?

To change the color of SVG icons inside a Code Embed element, adjust the text color in the Typography settings of the parent element.

Typography settings panel showing font Roboto, weight 500-Medium, size 1 REM, color neutral lightest, left-aligned text, and no text decoration selected.

How Access Navbar Menu?

To access the navbar menu, change its right margin in the Position settings from -80vw to 0.

CSS style panel showing Navbar Menu styles with Position set to Fixed and Z-Index at -1 in a web design interface.

GSAP

Click the Interactions panel (lightning bolt icon) on the left.
You will see a list of all GSAP interactions used in the template.These include:
• Slide-in animations that trigger when sections scroll into view
• Button hover animations
• Button and menu click animations

To edit an interaction, click on it and adjust its properties.
To disable an interaction, simply delete it from the list.

Webflow designer interface showing the interactions panel with a list of animation triggers and actions like Button CTA on hover, Section hero, Navbar menu on click, and FAQ.