Change font size depending on screen size

[chrisgscott]

I’ve set my testimonials slider to be a fixed height so that it doesn’t change size depending on the testimonial size. Now, the longer testimonials get cut off on the iPad and iPhone. How can I change the font size and line height for only tablets and phones?

Thanks, love the theme!!

[Ben – SUPPORT]

@media all and (max-width: 940px) {
/* CLASS NAME HERE */
p{
font-size:8px;
}

Using media queries you can have it change to certain heights, for example this is anything under 940px

Put this in your custom css in general settings

Thanks
Ben

[chrisgscott]

If I’m reading this correctly, will this effect all p tags? Is there a way to only effect the size of the testimonials? Sorry, pretty clueless about this stuff.

Thanks!

[Ben – SUPPORT]

Yeah that’s just an example and it would change all p tags under 940, if you send me a link to your website with what you what changed and what sizes, if it’s not too much I’ll be able to do it within my support contract

Thanks
Ben

[chrisgscott]

No problem. I’ve changed all of the testimonial sections globally so that they don’t resize. You can see one of them here – http://www.getpreveal.com

I’d like to just change the font and line height for only the testimonial sections so that they don’t get cut off on tablets and phones.

Thanks so much for the help!
chris.

[Cosmin – SUPPORT]

Hi Chris, sorry for the delay with this one. This should cover it:

@media all and (max-width: 940px) {
/* CLASS NAME HERE */
.testimonial-text {
  font-size: 8px !important;
  line-height: 10px !important;
}

This only targets testimonial slider text, adjust values as needed.

Regards,
————————————————————————————————————

Cosmin – Support

[chrisgscott]

Thank you!!

[Cosmin – SUPPORT]

No problem, glad to help 🙂

Regards,
————————————————————————————————————

Cosmin – Support