Parent
Instructions

Introductory guide

Use this simple guide to start editing your website smoothly.
Support

Discover Webflow University's extensive library of video lessons to help you get started with ease.

Before Publishing

Delete unused sections/pages, clean up CSS classes, clean up unused interactions and delete unused components.

How to Edit GSAP Animations

In this template, we are using GSAP, Lenis and custom code. This code are located in the site settings. Here is how you can modify or remove the custom code.

  1. Open your Webflow project dashboard
  2. Go to Project Settings and click on Custom Code from the left sidebar
  3. Scroll down to the Footer code section then edit code as your need
  4. Once the code is edited, click Save to save the changes
  5. Publish the site from the top-right corner
  6. Open the live site to test the effect of the code change

Here are some additional documentation resources you may look at for further customization and understanding of GSAP, Lenis and custom code.

Breakpoints

Test your design on various devices by selecting different options in the viewport's Bottom bar.

Backups

Restore previous versions from the Backups section in the left sidebar and clicking Settings in case of accidental deletions.

Editing Images and Text

Edit text by double-clicking on static content or use the CMS section for dynamic text. Replace images easily by clicking on them and choosing "Replace Image."

Dynamic Content (CMS)

Learn how to manage and update dynamic content using the CMS, which instantly updates referenced content across pages.

Components

Utilize reusable components for efficient editing and consistency across layouts.