rehvision

Thanks, @eskapism and @starblank! ??

Doing it with canvas sounds good, probably simpler with the correct positioning since the small :before and :after caps are not that size independent (I changed the font-settings and -size a little to test).

But anyways, thanks @starblank

Thanks for fixing @starblank and the quick update, it works as expected now and the workaround is no longer needed! ??

• This reply was modified 7 years, 8 months ago by rehvision.

Okay I found the problem and got it fixed!
I lower the opacity of products in lists on a:hover and since the ribbon is also an <a> tag, the same rule applied there and caused the flickering when hovering between the two links.

Now I simply changed to a:not(:first-child):hover, since the ribbon comes first and the problem is solved.

And now it also makes sense to me, why the ribbon has a link: because otherwise the product wouldn’t be clickable in the area of the ribbon.

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

I noticed the same and until it gets fixed you can copy the line (where the number gets set) into your functions.php to set the days:

update_option('stick-woo-new-dias',10);

Edit: fixed by update from @starblank

• This reply was modified 7 years, 8 months ago by rehvision.
• This reply was modified 7 years, 8 months ago by rehvision.