No results found. Try again with different words?

Search must be at least 3 characters.

Colors & Background Options For WooCommerce

Sidebar Image

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

Astra Pro allows you to create a visually captivating and user-friendly WooCommerce store.

This document explores the Colors & Background options offered by Astra Pro.

Colors & Background Options for WooCommerce

Note: This is a premium feature available with the Astra Pro Addon plugin. To use it, you need to have the Astra theme along with the Astra Pro Addon installed on your website.

You can customize color and background options for WooCommerce Pages using the WooCommerce module available with Astra Pro.

To do this, activate the “WooCommerce” module from Astra > Dashboard.

Please refer document to learn more about the WooCommerce module.

Colors & Background options will be available under both:

  • Appearance >  Customize > WooCommerce > Product Catalog.
  • Appearance >  Customize > WooCommerce > Single Product.

Customization Options with Astra Pro

The free Astra theme offers basic WooCommerce customization options. However, Astra Pro unlocks advanced options, allowing you to design your store’s visual identity.

Below are the available tabs:

  • Base Colors
  • Product Catalog
  • Single Product

Base Colors

You can find base colors under Global > Colors.

From here you can apply color to the text (Text Color), and to the links (Link Color) which would apply a color to the five-star rating, Shop page title, Filter link, and other links which appear with the products on all pages.

Also, the Heading Color will be applied to Product titles.

Here’s how each of these customizations looks on each component.

Product Catalog

These options are available under Appearance Customize > WooCommerce > Product Catalog > Design.

Here are some of them:

  1. Product Title Color: Applies color to the product title on the shop page.
  2. Product Price Color: Applies color to product price on the shop page.
  3. Product Content Color: Applies color to the product’s short description and category on the shop page.

Single Product

These options are available under Appearance >  Customize > WooCommerce > Single Product > Design.

  1. Product Title Color: Applies color to the product title on the single product page.
  2. Product Price Color: Applies color to product price on the single product page.
  3. Product Content Color: Applies color to the product description on the single product page.
  4. Breadcrumb Color: Applies color to the product Breadcrumb on the single product page.

We hope this document has been helpful. Please feel free to leave a comment below if you have any queries.

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