Love your theme!! Quick question - how do I change the font size, type, and color on the Penci Slider slides? Also, how do I adjust the overlay color and opacity?
I am using the Penci Slider Style 2 and see there is limited formatting available with the plug in - so I am looking for css code.
Change values on the above code to any value as you want.
- Value 40 for font size
- Value #ffffff for color
- Values 255, 143, 128 to R, G, B values of background color you want to change. You can get R, G, B values of a color on this page - check more on this image
Hi,
Love your theme!! Quick question - how do I change the font size, type, and color on the Penci Slider slides? Also, how do I adjust the overlay color and opacity?
I am using the Penci Slider Style 2 and see there is limited formatting available with the plug in - so I am looking for css code.
Thanks!
Hi,
Thank you for loving our theme.
Please add more this code to Customize > Custom CSS to do that:
@media only screen and (min-width: 1170px) { .pencislider-container .pencislider-content .pencislider-title span{ font-size: 40px; background: rgba( 255, 143, 128, 0.4 ); color: #ffffff; } }
Change values on the above code to any value as you want.
- Value 40 for font size
- Value #ffffff for color
- Values 255, 143, 128 to R, G, B values of background color you want to change. You can get R, G, B values of a color on this page - check more on this image
Best Regards,
PenciDesign
Thanks so much! The CSS code worked perfect for desktop, but isn't changing in the mobile view. How would I change it there too?
Hi,
For mobile, you can add more this code:
@media only screen and (min-width: 1169px) { .pencislider-container .pencislider-content .pencislider-title span{ font-size: 24px; background: rgba( 255, 143, 128, 0.4 ); color: #ffffff; } }
Best Regards,
PenciDesign