Chaging Opacity of Elements | PenciDesign Support

PenciDesign Supporter replied

2 years ago

Staff Reply

Hi,

Please navigate to Appearance → Customize → Custom CSS, and then insert the following custom CSS code:

@-webkit-keyframes pencifadeInUpDiv {
 0% {
  opacity:0;
  -webkit-transform:translate3d(0,450px,0);
  transform:translate3d(0,450px,0)
 }
 100% {
  opacity:.9;
  -webkit-transform:none;
  transform:none
 }
}
@keyframes pencifadeInUpDiv {
 0% {
  opacity:0;
  -webkit-transform:translate3d(0,450px,0);
  transform:translate3d(0,450px,0)
 }
 100% {
  opacity:.9;
  -webkit-transform:none;
  transform:none
 }
}

Regards,
PenciDesign.

EbonyIris started the conversation

2 years ago

Conversation Start

Hi,

Can you tell me how to increase the opacity of the overlay on the Penci Featured Slider Style 35? The darkest setting still makes it hard to read smaller reverse copy (see attached). Alternatively, making this a solid white or black would be desirable. Thanks in advance!