Docs-Morata
  • Morata - Alotheme
  • Getting Started
    • Open store
    • Upload theme
      • Active Theme
    • Update theme
    • Create Required Metafields
    • Translate Theme
      • Translate theme
      • Translate product
  • Other
    • Require apps (free)
  • Home Page
    • Header
      • Top header
      • Header style
      • Logo
      • Megamenu
      • Vertical menu
    • Section
      • Slide show
      • Collection list slider
      • Countdown Products
      • Carousel Products
      • Image with text overlay
      • Tab Products Style 3
      • Image cards
      • Blog posts
    • Footer
    • Cross sell popup
    • Promotion product popup
    • Newsletter popup
    • Mobile Menu
    • Text runs popup
  • Other Pages
    • Collections
      • Collection sidebar
      • Collection banner
      • Product Collection
      • Infinite Scroll
    • Product Page
      • Product detail
      • Tab accordion
      • Product thumb left
      • Product thumb right
      • Grid 1 column
      • Grid 2 column
    • Pages
    • Blogs
  • Theme Setting
    • Theme setting
      • Generals
      • Color
      • Typography
      • Layout
      • Product page
      • Product ->collection page
      • Product->variants
      • Collection page
      • Shipping rates calculator
      • Newsletter
      • Social media
      • Currency & Language
  • Support theme
    • Alotheme Support
Powered by GitBook
On this page
  • 1.General
  • 2.Button color
  • 3.Menu color
  • 4.Product
  1. Theme Setting
  2. Theme setting

Color

Change the color scheme to match the website's look and feel

PreviousGeneralsNextTypography

Steps

  1. In the theme editor (Customize), click Theme settings

  2. Locate Colors

  3. Make necessary changes

  4. Save

1.General

You are allowed to change the colors of any sections on your store.

Site background: Your site background color

Primary: You can change the color when hover to Blog tilte, Add to cart button, Filter, Sortby,...

Text color: You can change the text color of your store.

Heading: You can change Heading of some sections like: Product form, Filter, Sidebar collection, Layout switch, ...

Link color: You can change color of the Links on your store.

Link color hover: You can change color when hover to the Links on your store.

2.Button color

Change background and text color for all call-to-action buttons and button hover.

3.Menu color

Change background and text color for all call-to-action menu and menu hover.

4.Product

Change text color for all call-to-action product and menu hover.