Reduce font size of testimonial view on a tablet

  • Resolved stevethefootycoach

    (@stevethefootycoach)


    4 years, 10 months ago

    Hi

    I am using your excellent plugin on several pages on my site broughtonschoolofmotoring.com

    On pages with a sidebar, the Testimonials View widget displays just fine on a desktop or a mobile (where the testimonial appears after the post content).

    But on a tablet like an iPad, the sidebar sits alongside the main content of the post or page and the heading of the testimonial is too large. See:

    https://ibb.co/K7vN5RL

    I can’t work out how to make the heading smaller on a tablet only! I’d also like to make the text of the testimonial slightly smaller too.

    Any help would be appreciated!

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hi @stevethefootycoach,

    Thank you for reaching out to us!
    To make it smaller on tablet please add this code in Appearance > Customize > Additional CSS:

    @media screen and (min-width: 760px) and (max-width: 1025px){
.strong-view.wpmtst-default .wpmtst-testimonial-heading {
	font-size: 10px;
}
.strong-view.wpmtst-default .wpmtst-testimonial-inner {
	font-size: 15px;
}
}

    Warmly,
    Mihaela

    Thread Starter stevethefootycoach

    (@stevethefootycoach)

    Thanks Mihaela!

    That works just great.

    Could you also tell me how to hide the quotation mark from the when the view is in a widget on iPad size screens?

    Sure! You can use this code for that:

    @media screen and (min-width: 760px) and (max-width: 1025px) { .strong-view .wpmtst-testimonial-heading {
	background: none !important;
} }

    Warmly,
    Mihaela

    Thread Starter stevethefootycoach

    (@stevethefootycoach)

    That’s great!

    Thanks for all your help, much appreciated.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Reduce font size of testimonial view on a tablet’ is closed to new replies.