Instructions
Course
If you don't have experience with Webflow, we recommend enrolling in the Webflow 101 Crash Course. This course will help you learn the basic possibilities of Webflow and understand the Webflow design process.
Starter Page
To create a new page, follow these steps:
- Use the "Starter Page" found in the "Template" folder as your base.
- Duplicate this page and modify the Name and Parent Folder as needed.
- Copy any content section from other pages and paste it into your new page.
Spacing
To manage vertical spacing, we've used the utility classes "Margin Bottom". To add bottom space to an element, wrap it into a <div> tag with applied one of the following classes:
- Margin Bottom Extra Small
- Margin Bottom Small
- Margin Bottom Medium
- Margin Bottom Large
Colors
All the colors in this template are set globally using Webflow variables. You can modify any color across the entire website in the variables panel.
Fonts
Primary and secondary fonts in this template are set globally using Webflow variables. You can modify any font family across the entire website in the variables panel. To change other font parameters of your website, click on the "Body" element in the Navigator panel, then select the "Body (All Pages)" selector from the Style selector dropdown in the Style panel. Afterward, modify the font parameters in the Typography section.
SVG Icons
To change the color of an SVG icon, follow these steps:
- Open the Assets panel.
- Download the SVG icon file.
- Open it using a code or text editor.
- Locate and modify the color value within the code.
- Save the changes.
- Upload the modified icon to your Webflow website.
