Default Color

The Default Color section in the SpaClub Theme Options allows you to control the global color scheme of your website. These color settings ensure visual consistency throughout all theme elements such as buttons, links, headings, and icons.

Default Color Settings

Available Color Options

  • Primary Color – Defines the main accent color used for links, highlights, and important theme elements.
  • Secondary Color – Used for secondary highlights or supporting accents.
  • Tertiary Color – Used for subtle elements or background effects.
  • Button Primary Color – Sets the text color for primary buttons.
  • Button Primary Background Color – Sets the background color of primary buttons.
  • Button Primary Hover Color – Defines text color when hovering over primary buttons.
  • Button Primary Background Hover Color – Sets the hover background color for primary buttons.

How to Use

  1. Navigate to Theme Options → Default Color.
  2. Click on Select Color beside any setting to choose your preferred color using the color picker.
  3. Check the Transparent box if you prefer to make that area transparent.
  4. Click Save Changes to apply the new color scheme to your entire site.

Tips

  • Use a consistent primary and secondary color to maintain brand identity.
  • Hover colors should provide enough contrast to make button states easily visible.
  • All color options update instantly across the site’s design, including Elementor-based sections.

Result: Your selected color scheme will automatically reflect across all SpaClub theme components, maintaining a professional and cohesive visual identity.