Make Labels Extend

  • Resolved alexprovsv

    (@alexprovsv)


    2 months, 1 week ago

    Hello,

    This plugin is fantastic and is doing what I want so far. But I’d like for the label to extend across the entire product square, and it currently just stops at where the text ends. Is there a way to extend the label to fill the whole product square?

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author ILLID

    (@mihail-barinov)

    Hi,

    Do you mean – make the label 100% width relative to the current product?

    Regards

    Thread Starter alexprovsv

    (@alexprovsv)

    Hi @mihail-barinov,

    Yes, correct. Here is a screenshot of the banner we have, and as you can see it does not extend to the left & right edges of the product image.

    Is this possible? Let me know.

    Plugin Author ILLID

    (@mihail-barinov)

    So you can add the following css inside the Custom CSS field of the label option:

    .awl-label-wrap {
    width:100%;
    }
    .awl-product-label {
    width:100%;
    }
    Thread Starter alexprovsv

    (@alexprovsv)

    Score! That’s great. I adjusted it a little so that the text would center as well:

    .awl-label-wrap {width:100%;}

    .awl-product-label {width:100%; text-align:center;}

    Thanks for the help!

Viewing 4 replies - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.