No results found. Try again with different words?

Search must be at least 3 characters.

Where Does Astra Primary Color Setting Take Effect?

Astra offers a setting where you can set the main, default color that takes effect on several places.

To set the primary color, go to: Customizer – Global > Colors

Primary Color, Astra 3.0+

The color that you set as primary is used for:

  • Links that you give from content
  • To the background of the text when you select it
  • Background color to a button
  • Background color of the scroll to top icon
  • Background color of the hamburger menu in responsive mode
  • Tag cloud widget

Most of these elements above can have a different color from their respective settings.

For example, the background color of a button by default is taken from what you’ve set in the primary color. However, we offer a dedicated setting for you to change this in the customizer under Customizer – Global > Buttons.

Primary Color saves a lot of time as it gets applied to several areas without you having to set the color for every individual item.

Was this article helpful?
Did not find a solution? We are here to help you succeed.

Related Docs

Astra is Free. Now & Forever.

We believe creating beautiful websites should not be expensive. That's why Astra is free for everyone. Get started for free and extend with affordable packages.

REWIND

YEAR IN REVIEW

Download is Just A Click Away!

Enter your email address and be the first to learn about updates and new features.

Download Free Astra Theme - Modal Popup Form
Scroll to Top
Now choose your preferred
page builder addon
Choose your preferred page builder addon

Download is Just A Click Away!

Enter your email address and be the first to learn about updates and new features.

Download Free Astra Theme - Modal Popup Form