Website Building » WooCommerce » How Do I Add Color and Size in WooCommerce?

How Do I Add Color and Size in WooCommerce?

Last updated on January 17, 2023 @ 3:48 pm

Adding color and size to WooCommerce is easy and can be done in a few clicks. To add color, go to WooCommerce > Settings > Products > Display and select the color you want to add from the Color Scheme drop-down menu.

To add size, go to WooCommerce > Settings > Products > Display and select the size you want to add from the Size drop-down menu.

First, let’s take a look at how to add color.

Head on over to WooCommerce > Settings > Products > Display and select the color you want to add from the Color Scheme drop-down menu. Once you’ve made your selection, click the “Save Changes” button at the bottom of the page and you’re all set.

Now let’s move on to adding size. The process is very similar to adding color; simply go to WooCommerce > Settings > Products > Display and select the size you want to add from the Size drop-down menu. As with before, don’t forget to hit “Save Changes” when you’re finished.

PRO TIP: If you are not familiar with code or are not comfortable working with code, we recommend that you seek help from a WooCommerce expert before attempting to make changes to your WooCommerce files. Making even a small mistake in your code can result in big problems on your website.

For example, let’s say you want to make the word “sale” appear in bold red text. In that case, you would use the following code:

<b><span style="color: red;">Sale</span></b>

And that’s all there is to it! Adding color and size to your WooCommerce products is quick and easy, and can be done without any prior knowledge of HTML or CSS.

Madison Geldart

Madison Geldart

Cloud infrastructure engineer and tech mess solver.