🥳
TemPlaza Framework
  • Templaza Framework
  • Guides
    • System Requirements
    • Plugin Requirements
    • Elementor – Configuration
  • Theme Activation & Demo Import
    • Theme Installation
    • Theme License Activation
    • Import Demo Content
      • Import multiple themes
  • Fundamentals
    • Smooth Scroll
    • Back To Top
    • Coming Soon
    • Preloader
    • Cursor Effect
    • 404 Error Page
    • Custom Code
    • Wide & Boxed Layout
  • Header
    • Header
    • Header Variations
    • Logo & Favicon
    • Header Icons
    • Contact Information
    • Header Presets
  • Menu
    • Menu Settings
    • Drop-Down Menu
    • Off-Canvas Menu
    • Sticky Menu
    • Mega Menu
  • Footer
    • Create a footer
    • Copyright Information
    • How to copy Footer from one layout to another
    • Footer For Multilingual Site
  • Layout Settings
    • Section Settings
    • Row Settings
    • Element Settings
    • Save Section
  • Theme Color
    • Theme Color
    • Global Colors
  • Social Profile
    • Social Profile
  • Typography
    • Menu Typography
    • H1-H6 Typography
    • Footer Typography
    • Body Typography
  • Blog Options
    • Blog Page
    • Blog Single
    • Blog Slider
    • Blog Related
  • Extended Options
    • Woocommerce Options
  • Themes
    • AutoShowroom
      • Installation
      • Inventory
        • Inventory Page Assignment
        • Inventory Filter
        • Change Inventory Permalink
        • Advanced Product Options
        • Pricing & Currency Setting
      • Mega Menu
      • Header
        • Header's height
      • Footer
      • Sidebar Widgets
        • Add a new sidebar
      • FAQs
        • Background Image
        • Breadcrumb Image
      • Translation
    • Probike
      • Installation
        • Download the theme
        • Install the theme
        • Import the demo content
      • Home Page
      • Inventory
        • Inventory Filter
        • Change Inventory Permalink
        • Advanced Product Options
        • Currency Setting
      • Blog
        • Blog Columns
        • Blog Ajax Load
        • Blog Masonry
      • Shop
        • Woocommerce Product Options
      • Dealer Page
        • Top Dealers
        • Dealer Register
        • User Role
      • Custom Post Types
        • Services
        • Team
      • Sidebars & Widgets
        • Add a new sidebar
      • Breadcrumb Image
      • Translation
    • Amanus
      • Home
      • Yachts
        • Currency Settings
      • Events
      • Shop
      • Blog pages
      • Footer
      • Background Image
    • Baressco
      • Get Started
        • Installation
        • Theme Activation
      • Home 1
      • Inventory
    • Golden Hearts
      • Installation
      • Home Page
      • Blog pages
      • Cause Settings
        • Causes List
        • Cause Grid
      • Events
        • Event Venues
        • Event Organizers
      • Edit Footer
      • Edit Breadcrumb Image
    • Plazart
      • Demo Import
      • Home 1
      • Online Shop
      • Inventory
        • Inventory Assignment
      • Blog Columns
      • Team Member
      • Header
        • Header Layout
      • Section Background Image
      • Translation
    • Koer
      • Inventory Page
        • Inventory Assignment
        • Inventory Filter Widget
        • Change Inventory Permalink
        • Advanced Product Options
        • Currency Settings
      • Shop Page
      • Header
        • Default & Sticky Logo
        • Header Layout
      • Footer
        • Copyright
      • Mega Menu
      • FAQs
    • Agruco
      • Installation
        • Theme License Activation
      • Inventory
        • Inventory Sidebar Filter
        • Change Inventory Permalink
        • Currency Settings
      • Sidebars & Widgets
        • Add a new sidebar
        • Header Widget
        • Shop Sidebar
        • Inventory Sidebar
        • How to add the widget to a sidebar
      • Footer
        • Copyright
      • Woocommerce Options
    • AutoBike
      • Get Started
        • Download the theme
        • Install the theme
        • Import demo content
      • Home Page
        • Create a new page
        • Home page 1
      • Inventory
        • Inventory Page Assignment
        • Advanced Product Options
        • Pricing & Currency Setting
        • Inventory Filter
        • Change Inventory Permalink
      • Sidebar & Widgets
        • Add a new sidebar
        • How to add the widget to a sidebar
      • Blog
      • Elementor
      • WooCommerce
        • Install WooCommerce
        • Adding WooCommerce Pages
        • Setting Up WooCommerce
        • Adding Product
      • Translation
        • Footer Translation
    • Today News
      • Boxed Layout
      • Blog Pages
      • Blog Single
      • Background Image
      • Off-Canvas Sidebar
    • Alita
      • Alita – Installation
      • Alita – Theme Activation
      • Alita – Import Demo Data
      • Alita – Home Page
      • Alita – About
      • Alita – Services
      • Alita – Our Work
      • Alita – Pricing
      • Alita – Contact
    • Travelami
      • Get Started
        • How To Download And Install Theme?
        • How to activate the product license
        • Import Travelami demo content
      • Set Up Tours
        • About Tour Management
          • How to add a new tour
          • Tour Types
          • Tour destination
          • Tour Category
          • Tour Language
          • Tour Custom Field Group
          • Tour Custom Field
        • Tour Inquiry Form
          • Online Tour Booking With Payment
        • Sidebar Tour Filter
      • Blog
        • Blog Image Left/Right
        • Blog Grid
        • Blog Columns
      • Theme's Header
        • Theme Logo
        • Sticky Logo
        • Header Icons
        • Header Assignment
      • Theme's Footer
      • Mega Menu
      • Translation
      • FAQs
        • How to change the tour's custom field order
        • How to change a breadcrumb image
        • How to hide or remove the tour rating
        • Remove the breadcrumb heading
        • Set up Instagram Image Feed
    • Kamper
      • Get Started
        • Download And Install Theme
        • How to activate the product license
        • Import Kamper's Demo content
      • Accommodation
        • Product Management
          • Add A New Product
          • Product Branch
          • Product Service
          • Product's Field Groups
          • Product's Custom Fields
        • Booking Settings
          • Online Booking With Payment
        • How to reorder accommodation's tabs
      • Kamper Header
        • Default & Mobile Logo
        • Sticky Header
        • Header Icons
      • Kamper Footer
      • Mega Menu
      • Translation
      • FAQs
        • How to change the breadcrumb image
        • How to change a section's background image
        • How to edit a section's background image
        • How to display a field in a listing page
        • How to display a price range in the filter
        • How to change the cursor effect
    • Vonux
      • Inventory
        • Inventory Assignment
        • Sidebar Inventory widget
        • FAQs
      • Header
        • Transparent header
      • Footer
        • How to change the footer's text color
      • Translation
      • FAQs
        • Section Background Image
        • Background image of breadcrumb section
  • Advanced Products Plugin
    • Product Branch
    • Product Category
    • Custom Field Groups
    • Custom Fields
    • Custom Categories
    • Plugin Translation
    • General Settings
  • Extras
    • How to submit a support ticket
Powered by GitBook
On this page
  • How do I add new groups to global colors?
  • Import/Export Global Colors
  1. Theme Color

Global Colors

PreviousTheme ColorNextSocial Profile

Last updated 9 months ago

TemPlaza Framework's global colors enable you to change your colors all in one place and update them everywhere you place them across your entire site. This prevents you from repeatedly opening website parts and changing them individually.

In Theme Options > Global Colors, you can access the global color settings.

How do I add new groups to global colors?

In specific themes, you can see prebuilt color groups in the global colors. However, you may also need to add other global colors. For instance, if your design calls for a lot of headlines, you may want to create a custom color called “Heading 1” so that all your heading 1 will look the same.

Click on "Add Color" to create a list of color attributes for the site's global color settings.

  • Enter the title of the color item (Ex: Primary color or Heading 1).

  • Click on Select Color and Select the color you want from the Color Picker.

  • Click Choose to apply the color.

Import/Export Global Colors

1. Export global color settings

You can copy/download your current option settings by clicking on the "export file" button in the Export Options.

It will download a JSON. file to your computer. Keep this safe as you can use it as a backup should anything go wrong, or you can use it to restore your settings on this site (or any other sites).

2. Import global color settings

You can use the import color settings if you would like to apply the color options from the current site to other sites.

In the import options section, click on "Upload File" and upload the JSON. file downloaded before. Or click "Copy to Clipboard" in the Export Options to copy the color code. Then click on "Import from clipboard" in the Import Options to paste the color options.

Access global colors