Skip to content
Public Ticket #7998

Penci Slider 2

Conversation thread

PenciDesign replied

Staff Reply

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

cleanketolifestyle replied

Customer Reply

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?

PenciDesign replied

Staff Reply

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

cleanketolifestyle started the conversation

Conversation Start

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!

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