How to customize your template

Learn how to customisation your template. Including changing the typography, colors and container sizes.
Couldn't find what you need?
Reach out to our friendly team and we'll get back to you as fast as we can!

support(at)flowbase.co
Monday - Friday AEST

This article provies you with a quick introduction to the customisation of your template. This includes changing the typography, colors, and container sizes. For more detailed customisation it's best you start with some layout lessons from the Webflow university.

How to change the typography

One of the easiest ways to customise the vibe of your template is to make changes to the typography style. This can be done in just a few simple steps and be applied across all your pages.

Firstly upload your custom type face, or select a font from Google in your project settings area

Once your font has been added, you can simply target the <body> element (click on the top layer on the left side) and here you can set a base font for all pages. This will set the primary typography for the pages, but you might need to change the defaults for the H1, H2, H3 etc.

How to change the colors

Although you can easily click through each of your pages and apply color changes individually, by editing the global color swatches you can more easily change the color across the whole template.

Changing the global swatch will change every instance where that color is used across the template. To get started find an element where the color you want to change is in use.

Once you have selected the color swatch that you want to change, you can simply click the edit button and begin changing this color swatch. Remember that any changes here will apply to all the locations where that color swatch has been used.

For example, if you change this primary blue to a red, all buttons and areas where the blue has been used will now be red. While in the edit mode, you can change the swatch name and the hex code, but be sure to click save to lock in any changes.

How to change the containers

All templates use a simple container system to hold the primary content.

These are often refered to as;

  • Container
  • Container (Large)
  • Container (Small)
  • Container (Extra Small)

To edit these, simple select the container element and change the max-width to your desired size. This will allow you to very quickly change the size of your website containers across all pages.

How to remove interactions

Some of our templates come with interactions straight out of the box. We know that not all customers want, or like these default interactions - but luckily they can easily be removed.

SUPPORT

Frequently Asked Questions

Everything you need to know about the product and billing.

General
What is Flowbase?

Flowbase is the ultimate website component library with beautifully designed and professionally built components for Webflow and Figma. Build beautiful products faster than ever before with our instant copy + paste system.

What products do you offer?

Flowbase provides a subscription that gives you access to our entire component library for both Webflow & Figma. With a Component Club subscription you can easily paste components into your platform of choice.

Flowbase also offers premium templates and assets which can be found on our store page. These are complete projects with multiple pages and are available seperately from our Component Club subscription. Some of our other popular solutions include, Webflow Color Importer, Webflow Custom Shortcuts and Webflow Icons.

How does it work?

When you copy components from the Flowbase library, these are added to your device clipboard and made readable by your chosen platform. This means you can simply copy and paste your chosen component, tab to your chosen platform and paste it in place.

Components
What are components?

Components are individual elements that make up all of the web products you use everyday. Almost all websites have a footer, navigations, headers and so on. We provide basic wireframe and creative designed versions of these components. This means you have endless layouts and options to deliver various solutions for your customers.

Are templates included in the Component Club membership?

Sorry, premium templates are sold individually and must be purchased directly through webflow.com as our official template partner. Check out all our templates on their marketplace!

Can I use Flowbase components to create websites for my clients?

You sure can! Flowbase was built specifically to help your business get more clients and build better websites. Get started building for your clients today.

How often are new components added?

New components will be added multiple times each month, with bigger releases coming every now and then. Check back every few days as our team delivers something new. You can also submit requests which get added to our working list.

Does Component Club work with Safari?

Our copy and paste functionality is not supported with Safari. Component Club is accessible on Chrome, Firefox and Edge.

Can we copy unlimited components?

In order to protect our product and prevent misuse, monthly accounts are limited to 150 Webflow component copies. To reset this count, you can use our live chat function and request a reset from our friendly team. In most cases we are more than happy to reset your usage if we are confident you are using our platform as intended.

Please ensure you understand and acknowlege the below note...components are created to be used on demand and when needed only.  Excessive copying of components is and will be detected by our system, and taken seriously. Misuse of our product through storing/hoarding components externally will result in access being removed and legal action. Please respect us as fellow creators, this service takes thousands of hours to create.

Accounts are limited to a single user. You may not share or distribute your account with others and our system detects this type of usage. In this case we reserve the right to ban you from our service if detected. If you have purchased a yearly account membership, your account can be accessed via an additional IP/user. So you may share this with a team mate.

Components cannot be distributed to others in any form. This refers to the direct transfer of a component, or including a component in a publically accessible format. Please respect our team of fellow creators and help ensure the integrity of our service. Learn about our licence

Billing
What is the difference between a premium subscription vs free?

Flowbase includes a number of components that you can copy completely for free. We really believe in providing as much value as possible via our free offerings, so you can use Flowbase without spending a cent. If you do like our service, want more components and want to support us, you can subscribe to a premium membership! We can't wait for you to join us.

What payment methods do you accept?

You can use Stripe or any credit card to pay for a Flowbase subscription. We partner with Stripe for simplified billing. If you have any issues or questions, get in touch with our team.

Do you offer a free trial?

Sorry, we don't offer a free trial, but we do offer a number of completely free components and products that you can use without dropping a cent!

Do you offer refunds?

In most cases, we do not offer refunds for digital goodswe do not offer refunds for digital goods. If our product has not met your expectations for some reason, please contact our friendly team to discuss a solution with you.