Astra Pro allows you to customize the color scheme of individual pages, this document specifically focuses on customizing product and shop pages within WooCommerce.
Background Color of Product & Shop Pages in Astra
WooCommerce is an e-commerce plugin integrated with WordPress. Among the various customization preferences users have, altering the background color of product, cart, and checkout pages is a notable demand.
When it comes to adjusting the background color of the Shop/Product Page, Astra Pro provides a convenient solution through its meta settings.
In the earlier version (pre-4.4.0), Astra Pro offered only two background options: one for the entire site and one for the content. However, the latest update has introduced an enhancement, allowing users to independently adjust the background color for each page.
Why Astra Page-Specific Settings?
Astra Pro Page-Specific Settings play a crucial role in enabling users to override global settings for site and content backgrounds.
This means you have complete control over the visual presentation of each page, offering a level of customization that was previously unavailable.
Now, you can adjust your page and content background on each page. It’s like giving each page its own style. The options we had before applied the same look to the entire site. Now, you can get creative and make each page stand out.
Here’s how you can do it.
Adjusting Individual Page Colors
- Install Astra Pro and activate the Colors & Background module on the Astra dashboard.
- You will find all of your WooCommerce website pages at Pages > All Pages. Choose the ones that you want to modify.
You can now edit these pages as you like and save the changes.
For a visual demo on how to do this, refer to the following video.
This approach is applicable not only to the Shop page but also to Product, Single Product, Cart, and Checkout pages.
We trust that this guide has been informative and valuable for your customization endeavors! If you have any questions, please feel free to reach out!
