Skip to content
Public Ticket #8555

transparency on featured image & reducing resizing on slider

Conversation thread

MacdeLtd replied

Customer Reply

Thanks that fixed it :-)

PenciDesign replied

Staff Reply

Hi,

Ahh, sorry for my mistake - please try again with this code:

.penci-single-featured-img, .penci-image-holder{ background-color: #fff; }

Best Regards,

PenciDesign

PenciDesign replied

Staff Reply

Hi,

Ahh, I understand now, you can add more this code to Customize > Custom CSS to do that:

.penci-single-featured-img, .penci-image-holder{ background: #fff; }

Best Regards,

PenciDesign

PenciDesign replied

Staff Reply

Hi,

1/ Please add more this code to Customize > Custom CSS to do that:

.penci-flat-overlay .penci-slide-overlay .penci-mag-featured-content:before{ opacity: 0.2; }
.penci-flat-overlay .penci-item-mag:hover .penci-slide-overlay .penci-mag-featured-content:before{ opacity: 0.4; }

Change value 0.2 and 0.4 to values as you want. Values between 0 - 1.

2/ The featured slider need to be crop to make sure all your images on the featured slider display as a same size. If we don't do that, the featured slider will look broken.

Best Regards,

PenciDesign

MacdeLtd started the conversation

Conversation Start

How do I maintain the transparency on featured images?  It's adding a box when the .png is transparent?

Secondly, how do I stop it zooming on featured slider and cutting off half the image?

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