Koding Themes
Atom
Atom
  • Welcome
  • Sections
    • Introduction
    • Header
      • Logo
      • Menu
    • Announcement bar
    • Blog posts
    • Collection list
    • Multicolumn
    • Custom liquid
    • Featured collection
    • Featured product
    • Featured products
    • Image with text
    • Slideshow
    • Welcome text
    • Video
    • Apps
    • Footer group
  • Theme Settings
    • Introduction
    • Favicon
    • Animation
    • Colors
    • Typography
    • Email signup popup
    • Social media
    • Cart
    • Languages
    • Currency
    • Product swatches
    • Checkout
    • Theme style
  • Templates
    • Introduction
    • 404 page
    • Blogs
    • Article
    • Cart
    • Collection
    • Gift card
    • List collection
    • Pages
    • Password
    • Product
  • FAQs
    • About Koding Themes
    • Demo store
    • Theme Updates
    • Support
      • Multiple theme licensing
      • Refunds
      • Theme housekeeping
    • Custom coding
    • How to confirm your current theme version
    • Subscriptions
    • Size guide
    • Storefront wording/languages
Powered by GitBook
On this page
  1. Theme Settings

Colors

Colors bring your site to life - they help draw attention to certain areas and can reinforce your storefront's branding.

Using the right color combinations will help leave a memorable impression, and should help conversions too!

Getting Started

General

  • Background - this is a color of all pages

  • Body font - this is the color of all text such as the product description, menu etc

Buttons

  • Background - the color options of the 'Add to cart' and 'Contact us' buttons

  • Button text - the text color for buttons

  • Background on hover - when you hover on a button, the color will change to this value

  • Button text on hover - when you hover over a button, the text color will change to this value

Footer

There are 2 footer background color options, to offer versatility, giving you the option to have either a light ot dark schema which is currently setup by default

Background 1

  • Background - the color behind the footer text and links

  • Body font - the color of the footer text and link

Background 2

  • Background - the color behind the footer text and links

  • Body font - the color of the footer text and link

PreviousAnimationNextTypography