WhatsApp Food
  • Introduction
  • Installation
    • Installation on Shared Hosting
    • Updating - Shared hosting
    • Run local
  • Define Basics
    • Mail server
    • Localization and Time format
    • Pricing Plans
  • Usage
    • Import from CSV
    • Getting Started
    • Set up your site
    • Restaurant subdomain
    • Translations
    • Multilingual menu
    • Custom CSS
    • Custom Fields on Order
    • Add your own landing page
  • Plugins
    • How to install plugin
    • ShareThis
    • Cookie Consent
    • Google Analytics
    • Google Map API
    • Futy
    • Thermal Printer Module
  • Changelog
    • Changelog
  • FAQ
    • FAQ - Technical
    • FAQ - Business
Powered by GitBook
On this page

Was this helpful?

  1. Usage

Custom CSS

The preferd way to change the CSS is to inspect the elemtn, find the class and overwrite its css styling via the Admin->Settings->CSS & JS tab. There you can define your own CSS styling overwrite.

For example, let's change the frontpage initial blue theme to red. This is the CSS you need.

.bg-primary  {
    background-color: #ff0000 !important;
}

.headroom--not-top.navbar-theme-primary {
    background-color: #ff0000 !important;
}

.btn-primary {
    background-color: #ff0000  !important;
}

And you can do this for every ID or class inside the HTML.

PreviousMultilingual menuNextCustom Fields on Order

Last updated 4 years ago

Was this helpful?