Global Color and Background Options in Astra Theme

No results found. Try again with different words?

Search must be at least 3 characters.

    Global Colors – Astra Theme

    With Astra, you can keep a uniform color scheme on your website with global color options. These colors will be applied to theme sections throughout the website.

    From the WordPress dashboard navigate to Appearance > Customize > Global > Colors.

    Base Colors

    This is default basic color option available with the theme –

    Base Colors, Astra 3.0+
    Ensure you are on the Latest Astra theme version 2.6.0 and above to see new color picker options

    Following are the options you will find –

    • Text Color – Color for body text and description on the website
    • Theme Color – Color for all theme elements like button, selected text background color, etc.
    • Link Color – Color for all text to which links have been added
    • Link Hover Color – Hover color for all text to which links have been added
    • Background (Color and Image) – This color will be applied as a background color to the body on the entire site. If you set both – color and image – make sure to adjust the opacity of the color to make the image visible.
    • Improvement (*) from Astra theme and Astra Pro v2.4.0 you will find a responsive option besides the Background option.
    Image Background, Astra 3.0+

    If you are using a page builder, you can override the above colors with the page builder’s color settings. Also, overriding the theme colors can affect your color consistency across pages. Page builder colors will be applied to your content build with the page builder. On the other side, other pages and posts (not built by that page builder) will still use the theme settings. Thus, it could happen, for example, that your text or heading font color is different on your pages (created using page builder) and your Blog Archive or Posts. It’s important to keep in mind that this should be checked, as the settings will not be automatically synced.

    We provide more styling options in dedicated modules of the Astra Pro Addon plugin. Learn more about the options available with Astra Pro Colors & Background module.

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

    Related Docs

    Scroll to Top

    Download is Just A Click Away!

    Be among the first to try the beta version of Astra’s Header Footer Builder. Filling the form will ensure you’ll be the first to learn about updates and features.

    Download is Just A Click Away!

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