Make badge width of product image

  • Resolved diaz1510

    (@diaz1510)


    3 months, 2 weeks ago

    I’m interested in making the badge on product images as wide as the image itself, filling the top potion of the image. You’ve given control of the width of the badge using pixel count, but after experimenting with that, it changes when screen resolution changes and can sometimes over extend at certain resolutions. Is there a way to make sure the banner is exactly the width of the product image regardless of the screen resolution? There is no option to select “%” on size adjustment. I’d like to go with 100% on width. Thanks.

    • This topic was modified 3 months, 2 weeks ago by diaz1510.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support crodriguez1991

    (@crodriguez1991)

    Hello there,

    I hope you’re doing well :D.

    Please, try to add the following CSS rule on Appearance > customize > Additional CSS 

    .yith-wcbm-badge {
        width:100% !important;
    }

    It should set the width at 100% I tested in the browser inspector and seems to work fine

    Here you have an image with my test

    Please, try it and let me know.

    Have a good day.

    Thread Starter diaz1510

    (@diaz1510)

    That worked perfect, thanks!

    Plugin Support crodriguez1991

    (@crodriguez1991)

    You’re welcome
    Marking this topic as solved for the moment
    We are doing our best to improve our plugins. Our target is to develop and release the best free plugins for WooCommerce, but to achieve this we need your help. Please leave a good?review?to support us and help our growth ??

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