Skip to main content
All CollectionsWebsites, Apps and EmbedsWebsite
Update Your Flipdish Website Styling
Update Your Flipdish Website Styling
Updated over 8 months ago

Overview of Website Colours:

Every theme applied to your website can be uniquely styled using different colours. These colours are managed at the theme level, applying across all relevant elements within that specific theme but not extending across different themes.

  1. Log in to the Flipdish portal

  2. Select 'Sales channel' from the left panel

  3. Select Website

  4. Select 'Website Builder'

image.png
  1. Select 'Edit website'

image.png
  1. Select 'Styles'

image.png
image.png
  1. Default Palette: Each theme comes with a pre-designed default colour palette. You have the option to apply a custom colour palette to your theme and website. We will inherit any existing brand colours you have added to the portal.

  2. Editable Colours: The primary, secondary, and tertiary colours within the theme can be edited. The theme specifies where these colours are utilized and their opacity.

  3. Custom CSS: For introducing new colours to areas of the website not predetermined by the theme, custom CSS can be utilized.

Colours - Mobile.png


This image provides a visual representation of the colour palette applied to the mobile view.

Schemes:
Every theme will have a light and dark mode option. This defines the primary background colour for the whole site.

‚Äã‚Äã‚Äã‚Äã‚Äã‚Äã‚ÄãIf changing this, you should review your other colours to ensure they contrast well with the light or dark mode theme.


To learn more about Flipdish's products or how to grow your online business enrol for FREE in the Flipdish Academy here:http://academy.flipdish.com/

Did this answer your question?