Title: Custom CSS Classes
Last modified: September 16, 2023

---

# Custom CSS Classes

 *  Resolved [fletsch](https://wordpress.org/support/users/fletsch/)
 * (@fletsch)
 * [2 years, 8 months ago](https://wordpress.org/support/topic/custom-css-classes-2/)
 * Hi there
 * I’m testing your plugin and it looks very promising so far. Confuguration options
   are great and I like the positions to choose. But now I‘ve seen that it writes
   all the CSS Styles as inline elements. If you have like 50 products on a archive
   page it writes the same CSS inline styles 50 times which is a huge bloat of source
   code and bad for page loading speed. I‘m wondering if it is possible to give 
   custom css classes or ID‘s to labels and style them in a custom CSS file? I would
   prefer that way as it is also faster to make changes on the look of many labels
   at the same time. Is this might possible with the PRO version? Or it would also
   be a help if the label name gets written as CSS Class in the source code.
 * Best regards,
 * Fletsch
    -  This topic was modified 2 years, 8 months ago by [fletsch](https://wordpress.org/support/users/fletsch/).
    -  This topic was modified 2 years, 8 months ago by [fletsch](https://wordpress.org/support/users/fletsch/).
    -  This topic was modified 2 years, 8 months ago by [fletsch](https://wordpress.org/support/users/fletsch/).

Viewing 1 replies (of 1 total)

 *  Plugin Author [ILLID](https://wordpress.org/support/users/mihail-barinov/)
 * (@mihail-barinov)
 * [2 years, 8 months ago](https://wordpress.org/support/topic/custom-css-classes-2/#post-17055755)
 * Hi,
 * In fact, labels already have some class names that you can use to set custom 
   styles for them. Here is the default mark-up of the text label:
 *     ```wp-block-code
       <div class="awl-label-wrap awl-label-id-{LABEL_ID}">
           <span class="awl-product-label awl-type-label awl-type-label-standard">
               <span class="awl-label-text">
                   <span class="awl-inner-text">{LABEL_TEXT}</span>
               </span>
           </span>
       </div>
       ```
   
 * Regards

Viewing 1 replies (of 1 total)

The topic ‘Custom CSS Classes’ is closed to new replies.

 * ![](https://ps.w.org/advanced-woo-labels/assets/icon-256x256.png?rev=3326325)
 * [Advanced Woo Labels - Product Labels & Badges for WooCommerce](https://wordpress.org/plugins/advanced-woo-labels/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/advanced-woo-labels/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/advanced-woo-labels/)
 * [Active Topics](https://wordpress.org/support/plugin/advanced-woo-labels/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/advanced-woo-labels/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/advanced-woo-labels/reviews/)

 * 1 reply
 * 2 participants
 * Last reply from: [ILLID](https://wordpress.org/support/users/mihail-barinov/)
 * Last activity: [2 years, 8 months ago](https://wordpress.org/support/topic/custom-css-classes-2/#post-17055755)
 * Status: resolved