Title: Add custom css class
Last modified: March 5, 2017

---

# Add custom css class

 *  [mmakenzi](https://wordpress.org/support/users/mmakenzi/)
 * (@mmakenzi)
 * [9 years, 2 months ago](https://wordpress.org/support/topic/add-custom-css-class/)
 * Hi
 * pls add css class to every option
    for example beforeprice css class so we can
   style output as we want, seprate than price
 * thank you

Viewing 4 replies - 1 through 4 (of 4 total)

 *  [Algoritmika](https://wordpress.org/support/users/algoritmika/)
 * (@algoritmika)
 * [9 years, 2 months ago](https://wordpress.org/support/topic/add-custom-css-class/#post-8886871)
 * Hi,
 * As we are outputting labels as they are, that is without adding any additional
   HTML, I’m not sure it’s a good idea. But you could add CSS class yourself, for
   example by adding something like this to “before the price” labels:
 * `<span class="before-price">Some Label</span>`
 * Please let me know what you think. Maybe I misunderstood what you needed?
 * Best regards,
    Tom
 *  Thread Starter [mmakenzi](https://wordpress.org/support/users/mmakenzi/)
 * (@mmakenzi)
 * [9 years, 2 months ago](https://wordpress.org/support/topic/add-custom-css-class/#post-8887499)
 * this is somehow related to my other support ticket
 * I want to add a style to all the added text
    and this way that you suggest, I
   should add this class one by one in all products manually!
 * at least we could be able to add a unique class for example to before text, so
   we can define our customized css and it will apply to all before text we already
   added
 * thank you
 *  [Algoritmika](https://wordpress.org/support/users/algoritmika/)
 * (@algoritmika)
 * [9 years, 2 months ago](https://wordpress.org/support/topic/add-custom-css-class/#post-8946433)
 * Hi,
 * We’ve just released v2.3.0 and hopefully added what you asked for. Now in plugin’s
   settings (in “WooCommerce > Settings > Custom Price Labels > Per Product Price
   Labels”) there is “Wrap Per Product Custom Price Labels” settings section. Please
   check it out and let me know if this is what you needed.
 * Best regards,
    Tom
 *  Thread Starter [mmakenzi](https://wordpress.org/support/users/mmakenzi/)
 * (@mmakenzi)
 * [9 years, 2 months ago](https://wordpress.org/support/topic/add-custom-css-class/#post-8949309)
 * Hi
 * wow,
    you are awesome just like your plugin 🙂 <3
 * this is what exactly I asked
    and if this help, by this option I could hide the
   added labels in widgets and related products in single product page
 * by this CSS codes
 * .widget.woocommerce .alg-price-label-before{
    display: none; } .related .alg-
   price-label-before{ display: none; }
 * thank you so much

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Add custom css class’ is closed to new replies.

 * ![](https://ps.w.org/woocommerce-custom-price-label/assets/icon-256x256.jpg?rev
   =1210390)
 * [Custom Price Labels for WooCommerce](https://wordpress.org/plugins/woocommerce-custom-price-label/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/woocommerce-custom-price-label/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/woocommerce-custom-price-label/)
 * [Active Topics](https://wordpress.org/support/plugin/woocommerce-custom-price-label/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/woocommerce-custom-price-label/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/woocommerce-custom-price-label/reviews/)

 * 4 replies
 * 2 participants
 * Last reply from: [mmakenzi](https://wordpress.org/support/users/mmakenzi/)
 * Last activity: [9 years, 2 months ago](https://wordpress.org/support/topic/add-custom-css-class/#post-8949309)
 * Status: not resolved