Theme Color

Estimated reading: 2 minutes 24 views

Themepul themes provide a flexible Theme Color panel in the Theme Options, allowing you to customize the colors of your website globally. This helps maintain consistent branding across all pages and elements.


Access Theme Color Settings

  1. Log in to your WordPress dashboard.
  2. Navigate to Theme Options → Theme Color.
  3. Here, you can enable and customize various color options for your website.

1. Primary Color

  • Enable Primary Color: Toggle this option to enable your custom primary color.
  • Primary Color: Choose the main color that will be applied to buttons, links, and key elements across your website.

2. Secondary Color

  • Enable Secondary Color: Toggle this option to enable your custom secondary color.
  • Secondary Color: Select the secondary accent color used for highlights, hover effects, and secondary elements.

3. Black Color

  • Enable Black Color: Toggle to enable a custom black color.
  • Black Color: Choose the black shade used for text, headings, and other elements that require a dark color.

4. Body Color & Background

  • Enable Body Color: Toggle to enable a custom color for the main body text.
  • Body Color: Select your preferred color for the body text.
  • Body Background Color: Set the background color for the website body area.

5. Border Color

  • Enable Border Color: Toggle to enable a custom border color.
  • Border Color: Apply this color to blog widgets, boxes, or other bordered elements.

6. Sidebar Background Color

  • Enable Sidebar Background Color: Toggle to enable a custom sidebar color.
  • Background Color: Set the color for the sidebar background to match your website design.

7. Area Background Color

  • Enable Background Color: Toggle to enable a custom background color for specific areas.
  • Background Color: This color is applied to areas such as blog post backgrounds or other designated sections.

Tips for Theme Color Settings

  • Choose colors that align with your brand identity for a consistent look.
  • Test color changes on multiple pages to ensure readability and visual appeal.
  • Use contrasting colors for text and backgrounds to maintain accessibility.
  • Save changes after each adjustment to ensure settings are applied across the site.
Share this Doc

Theme Color

Or copy link

CONTENTS

All Rights Reserved by Themepul Team