Skip to content
Public Ticket #17461

Slider overlay

Conversation thread

calvinteoh replied

Customer Reply

Thanks for the prompt response as usual, this solve my queries! With the code, I manage to tweak it to suits the needs of my website. Thanks! 

PenciDesign Supporter replied

Staff Reply

Hi,

Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:

.penci-slide-overlay .overlay-link {
    background: -moz-linear-gradient(to bottom, rgba(55,55,55,0.5) 60%, #000 100%);
    background: -webkit-linear-gradient(to bottom, rgba(55,55,55,0.5) 60%, #000 100%);
    background: -o-linear-gradient(to bottom, rgba(55,55,55,0.5) 60%, #000 100%);
    background: -ms-linear-gradient(to bottom, rgba(55,55,55,0.5) 60%, #000 100%);
    background: linear-gradient(to bottom, rgba(55,55,55,0.5) 60%, #000 100%);
}

Regards,
PenciDesign.

calvinteoh started the conversation

Conversation Start

Is there a method to make the slider overlay darker as some of the meta information displayed on the image are not clear as the overlay is not dark enough? 

Want to join this conversation or access attachments? Sign in first.