Custom CSS Classes

  • Resolved fletsch

    (@fletsch)


    1 year, 2 months ago

    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 1 year, 2 months ago by fletsch.
    • This topic was modified 1 year, 2 months ago by fletsch.
    • This topic was modified 1 year, 2 months ago by fletsch.
Viewing 1 replies (of 1 total)
  • Plugin Author ILLID

    (@mihail-barinov)

    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:

    <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.