No results found. Try again with different words?

Search must be at least 3 characters.

Where Does Astra Primary Color Setting Take Effect?

Sidebar Image

Did not find a solution? We are here to help you succeed.

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?
Sidebar Image

Did not find a solution? We are here to help you succeed.

Related Docs

Join 1,653,898+ Happy Site Owners Using Astra

Whether you are a beginner, small business owner, or professional web developer, Astra provides all the tools you need to easily build your beautiful WordPress website.

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