Flipcards Cover Transparency

2 replies · opened Jun 3, 2020

SsuppenhuhnJun 3, 2020

Hi!

The background-images used at the flip-card-front are getting darkened by a semi-transparent black cover - but i can't find which css is taking care of it.
So i got 2 questions:

  1. How / Where can i reduce the opacity of this cover ( even to 0% ) ?
  2. Is it possible to turn off this "cover" in general ?

Thanks in advance :-)

SSemicolon WebSTAFFJun 3, 2020

Hello,

To disable this Underlay, simply use the following CSS Code:


.flip-card-front:after,
.flip-card-back:after {
	display: none;
}

and to reduce its opacity:


.flip-card-front:after,
.flip-card-back:after {
	opacity: 0.6;
}

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

SsuppenhuhnJun 4, 2020

Awesome - thank you !!

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard