Support » Plugin: Custom Product Stickers for Woocommerce » Ribbon not showing completely on products list

  • Resolved jumpinsteph

    (@jumpinsteph)



    Hi,

    On the products list, the ribbon borders are not showing. The image is not complete. I tried to modify the css, but can’t do something. Here is the image as example : ribbon on products list

    It’s ok on the page of the single product as you can see : ribbon single product

    Do you have an idea what I can do ? Thanks

Viewing 7 replies - 1 through 7 (of 7 total)
  • this seems to be because of an overflow: hidden; variable of the containing box.
    I had the same problem only in the single product page and not in the products lists.

    So in my case (Storefront child theme), I had to add:

    .single-product div.product {
    	overflow: unset;
    }

    to the CSS.

    In your case you should inspect the element with the developer tools and see if an overflow: hidden; property gets set on one of the containing divs.

    Hope this helps

    Plugin Author starblank

    (@starblank)

    Hi

    Can you post the link to the page, so i can check it?

    (anyway if rehvision’s fixes works, i’ll add the code to next release)

    Regards

    Hi,

    You can see it there.. link to the test shop

    thanks

    Plugin Author starblank

    (@starblank)

    Thanks, i’ll check as soon as i can

    Regards

    Hi,

    I found where to change the css.

    I changed in my css child theme (I’m using ultimatum) this line of code :

    .woocommerce-page ul.products li.product.one_fourth {
        overflow-x: unset;
        overflow-y: unset;
    }

    It was written “hidden” and I put “unset”. Seems to work.
    Thanks @rehvision

    Plugin Author starblank

    (@starblank)

    Great!!

    Plugin Author starblank

    (@starblank)

    Closing ticket

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Ribbon not showing completely on products list’ is closed to new replies.