Style Guide
Instructions
Homepage
Changelog
Lincensing

Instructions

This Instructions page provides brief guidance on accessing and editing advanced or hard-to-use interactions and hidden components in the site.

To edit your website, simply log in to Webflow and navigate to the Designer. Here, you can make changes to any aspect of your site, from the layout and content to the style and functionality.

Adding New Projects

To add new projects, navigate to the Projects CMS and add a new project. Within this CMS, different Multi-reference CMS fields have been added. You can add different items you want to be shown inside the multi-referenece CMS fields, and they will be added to the main project page.

Sharing Projects with Clients

To share projects with clients, there are two options:

Option 1: Create a CMS Page
  1. Create a new CMS project inside the "Projects" collection list
  2. Add a robot txt to hide the page from Google (instructions to do this at the bottom of this page)
  3. Add a password to the page
  4. Share the unique link with your client
Option 2: Add Webflow Memberships or Third Party Tools
  1. Configure Webflow Memberships or third party tools like Memberstack or Wized to make it fully with unique login credentials
  2. Share the login credentials with your client

Customizing the Look and Feel

The Style Guide is where you can edit components and color swatches to match your branding. Simply click on a component or color swatch and make your desired changes.

Hide scrollbars

If you want to hide the scrollbars that appear on your website when the content exceeds the parent element's dimensions, you can use CSS. To do so, add the following code inside the <head> tags in your site settings:

<style>
   /* Hides scrollbars in different browsers */
   /* IE 10+ */
   *::-ms-scrollbar {
       display: none;
   }

   /* Firefox */
   * {
       scrollbar-width: none;
       -ms-overflow-style: none;
   }

   /* WebKit-based browsers (Safari and Chrome) */
   *::-webkit-scrollbar {
       display: none;
   }
</style>

SVG Icons

Our template utilizes SVG icons which allow for easy customization of color within Webflow. Simply locate the icon element in the design and adjust the fill color through the design panel. If needed, the SVG icons can also be replaced with static SVG images, maintaining the same class for easy styling across the entire site.

Launching Your Website

When you're ready to launch your website, you'll need to purchase a hosting plan. Simply choose a hosting plan that meets your needs and follow the prompts to complete your purchase.

That's it!With these simple steps, you'll have your client portal up and running in no time.

Remove a page from the index

To remove a specific page, add the code snippet in the <head> code of that page</head>.

  1. Go to Page panel  → Page settings →  Custom code
  2. Paste the code: <meta name="robots" content="noindex">
  3. Save and publish