So I’m building my first custom WooCommerce store and I’m finding that my styles class names are becoming a over the top and lengthy, or is this how it is. I use the inspector tool in Chrome to get the class names.

Here is an example of what I’m working with at the moment:

.woocommerce 
ul.products 
li.product a {
   ...
}

.woocommerce 
ul.products
li.product 
.price del {
   ...
}

Is this normal practice to when building a custom store or is there a better way?

Thanks in advance

Stu 🙂

Read more here: Writing Clean WooCommerce Styles


Solution:

If you know the solution of this issue, please leave us a reply in Comment section, to update the question.


Wordpress related questions and answers: