QR Menu Maker
  • Introduction
  • Installation
    • Installation on Shared Hosting
    • Updating - Shared hosting
    • Run local
  • Define Basics
    • Mail server
    • Localization and Time format
    • Pricing Plans
    • Pay with card
  • Plugins
    • How to install plugin
    • Pusher
    • ShareThis
    • Cookie Consent
    • Google Analytics
    • Google Map API
    • Thermal Printer Module
  • Usage
    • Getting Started
    • Set up your site
    • Restaurant subdomain
    • Translations
    • Multilingual menu
    • Custom CSS
    • Call Waiter
    • Import from CSV
    • Custom fields on order
    • Add your own landing page
  • 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 menuNextCall Waiter

Last updated 4 years ago

Was this helpful?