Instructions
Hello, If you're completely new to Webflow, it might feel a bit overwhelming at first. Here's a great resource to help you get started with the basics of Webflow.
Before Publishing: Delete unused sections/pages, clean up CSS classes, clean up unused interactions and delete unused components.
Breakpoints: Check how your changes behave on different devices by clicking on the top bar of the viewport.
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.
Breakpoints: Check how your changes behave on different devices by clicking on the top bar of the viewport.
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.
Change content in Horizontal Scroll Section
To edit the elements inside the horizontal scroll, follow these steps:
- Change the
overflowproperty of the Scroll Wrapper Sticky selector to "visible". - Scroll through and edit your content as needed.
- Once you're done, set the
overflowproperty back to "hidden". - Publish your site.
The steps in detail
Step 1 : Locate the block with the Scroll Wrapper Sticky selector and click on it.
Step 2 : Change the overflow property to visible. Then, scroll to the desired section to edit its content. Once the changes are made, set the overflow property back to hidden and publish your site.
To help you modify the design efficiently, remember that Webflow variables are your best ally. You can quickly adjust the following aspects across all breakpoints:
- Font sizes: Update the global typography to ensure consistency on all screen sizes.
- Colors: Change the primary, secondary, or accent colors in one place.
- Spacing: Control margins and paddings to fine-tune the layout.
- Card radius: Easily adjust the corner rounding of cards for a cohesive look.
- Button properties: Customize button styles like background, border radius.
- Avatar sizes: Set avatar dimensions globally for uniformity.
Everything is managed through variables, making global updates simple and efficient. Once you're familiar with this system, you'll find customizing your project much faster and easier.
