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.
ah thanks, but that wasn't what I meant. I meant my featured image (the photoframe) had a transparent background which isn't showing transparent. It does for the About Me pic on the home page and widget, but not on the featured image for posts. I'm happy for it to be pure white to match the background, just don't want it as the cream colour.
It did get rid of the background to white, but seems to have moved the feature image right over (cropping it) rather than maintain the 1170px recommended size I set it?
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?
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
ah thanks, but that wasn't what I meant. I meant my featured image (the photoframe) had a transparent background which isn't showing transparent. It does for the About Me pic on the home page and widget, but not on the featured image for posts. I'm happy for it to be pure white to match the background, just don't want it as the cream colour.
https://www.melaniehoskin.com/2018/11/12/manifesting-a-better-state-of-mind-without-drugs/
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
Thanks PenciDesign,
It did get rid of the background to white, but seems to have moved the feature image right over (cropping it) rather than maintain the 1170px recommended size I set it?
https://www.melaniehoskin.com/2018/11/12/manifesting-a-better-state-of-mind-without-drugs/
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
Thanks that fixed it :-)