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)
  • rehvision

    (@rehvision)

    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

    jumpinsteph

    (@jumpinsteph)

    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

    jumpinsteph

    (@jumpinsteph)

    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)
  • You must be logged in to reply to this topic.