Page 1 of 1

Ribbon Card

Posted: Wed Apr 20, 2022 4:39 pm
by mixextra
Hi,
ribbon from the template overlaps the image in default and hover mode.

http://mixextra.sk/AukcionarTest2/index.html

The overlay is caused by the animation set on the image in the card:
Image - Transitions / transform / scale

How do I make the ribbon visible at all times in default and hover mode?

The file WBS:
http://mixextra.sk/AukcionarTest2/ribbon_card.wbs

Thank you for every idea.

Re: Ribbon Card

Posted: Wed Apr 20, 2022 5:23 pm
by Pablo
You can try to add a z-index to the ribbon

Code: Select all

.ribbon 
{
  z-index: 9999;
}

Re: Ribbon Card

Posted: Wed Apr 20, 2022 5:48 pm
by mixextra
As always great help. It works! :idea: