Transparent background

The reflections are generated by a gradient color fading from 0% to 100%, so transparent reflections are not supported. Can you choose a background colour that blends in to your theme? This can be specified on the Format page to select the best colour for your reflections.

– Bev

Thank you for your prompt reply ??

I was hoping, that I can make the reflections background transparent because it would fit best with the style of the website.

I’ve tried it with

.wpif2_overlay {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 1%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(1%,rgba(0,0,0,0)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 1%);
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 1%);
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 1%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 1%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=’#00000000′, endColorstr=’#000000′,GradientType=0 );
}

in the custom css, but it doesn’t work. Also not with !important;

At the moment the background color of th reflections is black and it is a small stopgap ??

Thank you and nice greetings
Nicki

Your best bet may be to remove the fading effect on the reflection, and leave them with just a transparent reflection. You can do this by adding:

.wpif2_overlay {
display: none;
}

.wpif2_reflection {
background-color: transparent !important;
}

Thank you ??
That works ??

Nice greetings
Nicki