No results found. Try again with different words?

Search must be at least 3 characters.

How to Change Website Background Color in Astra

With the Astra theme, 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.

You can see the Site Background option under “Surface Color”. Using this option, you can set the color of your choice here. The same color will be applied to theme sections throughout your website.

How to Change Background Color for Mobile Sites 

To modify the background color on mobile devices, locate the device icon beside “Surface Color” and click on it.

With Astra, you have the option to set different colors for various devices. For instance, you might select a red background for desktop viewers, while opting for a yellow background for viewers on mobile.

That’s basically it! If you face any issues changing your site’s background color, please feel free to contact us. We’re always here to help!

Was this article helpful?
Sidebar Image

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.

Download is Just A Click Away!

Download Checklist

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