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.

Download is Just A Click Away!

Membership Retention Checklist Download

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