Help Center
Explore ThemesMade with InspiredThemeAbout UsContact
  • ABOUT INSPIREDTHEME
  • General theme settings
    • Available page types
  • UPDATES
    • Changelog
  • Getting started
    • What is Online Store 2.0 theme?
    • Before you customize your theme
      • Step 1: Duplicate your theme to create a backup copy
      • Step 2: Follow our suggestions for a better design experience
      • Step 3: Understand the level of support we provide
      • Step 4: Learn about the ideal Shopify image sizes
  • GENERAL INFORMATION
    • How to install theme
    • Try themes for free
    • Add products to store
    • Set up collections
    • Customize the theme
    • Navigation menus
  • SECTIONS
    • Sections available in Inspired Themes
      • Featured collection
      • Featured product
      • Collection list
      • Rich text
      • Image with text
      • Image banner
      • Slideshow
      • Collage
      • Multicolumn
      • Email signup
      • Contact form
      • Video
      • Blog posts
      • Custom Liquid
      • Page
      • Collapsible content
      • Video banner
  • HEADER
    • Announcement bar
    • Header
  • PRODUCT PAGES
    • Product information
      • Default product blocks
      • Text
      • Line item property
      • Inventory status
      • Collapsible tab
      • Custom liquid
      • Pop-up
      • Product rating
    • Product information section settings
    • Product recommendations
    • Creating product templates
  • COLLECTION PAGES
    • Collection banner
    • Product grid
    • Creating collection templates
  • PAGES
    • Page Templates
    • Creating page templates
    • Other pages
      • 404
      • Cart
      • Checkout
      • Search
      • Blog Posts
      • Blog
  • FOOTER
    • Footer blocks
    • Footer settings
  • THEME SETTINGS
    • InspiredTheme Settings Intro
      • Colors
      • Typography
      • Styles
      • Layout
      • Animation
      • Social media
      • Search input
      • Favicon
      • Currency format
  • FAQs
    • Customer account
    • Set up local pickup
    • Where do submission of Email signup forms go?
    • View contact form submissions
    • Restrict store access, remove password
    • Integrate apps into the theme
    • How to add or edit content store policies?
    • How to use Canva templates
    • How to create Gift Card Products
    • How to center the heading of sections?
    • How to enable the country/region selector?
  • SUPPORT
    • InspiredTheme Support
Powered by GitBook
On this page
  • 1. How to change colors in your theme?
  • 2. The Colors section includes the following parts:
  • 3. Example: Customize Rich text background colors

Was this helpful?

  1. THEME SETTINGS
  2. InspiredTheme Settings Intro

Colors

You can change the color scheme to align the theme with your brand's style.

Last updated 1 year ago

Was this helpful?


You can define different colors in your theme settings and apply the colors to different sections throughout your online store with a color scheme picker.

1. How to change colors in your theme?

  • In the theme editor, click Theme settings.

  • Locate Colors.

  • To set your color, enter a hex color code or choose the color from the color picker. To set the color to transparent, delete the hex code from the text field.

  • Click Save.

2. The Colors section includes the following parts:

  • Primary color:

  • Secondary color:

Note:

Accent 1: Used for solid button background.

Outline button: Applied to the button border and link text.

Background 1: Your store’s background color. This is the most dominant color present in your store.

  • Color gradient: If you want to add more visual interest to your background, Inspiered Themes offers the option to use gradients. You can assign gradient colors to sections of the theme.

Gradients create a smooth transition between two or more colors, resulting in a dynamic and eye-catching background.

3. Example: Customize Rich text background colors

  • Click the Rick text section to open the Color scheme setting.

  • Open the color list and choose a specific color to change the section background to that color. Click Save.