Conversation
supportHello together, I’ve tried tp make the background of wp flow plus transparent. I’ve got it by writing .wpif2_flowplus { background-color: rgba(0, 0, 0, 0) !important; color: rgb(255, 255, 255); width: 1240px; height: 827px; } into the custom css. But only the upper pics now have a transparent background and not the lower pictures (in the reflection). How I can make the background of the reflection also transparent? Nice greetings and thank you Nicki
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
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