How do I style about page testimonials while leaving other testimonials alone or vice versa

Owned by Saurabh Dixit
Jan 05, 2017
1 min read

To style a page’s testimonials or a particular testimonial widget instance, you need to style it with a page or testimonial wrapper class. Each page and testimonial has body or divclass tags to support such.

See What’s NNN of “.testimonials-widget-testimonialsNNN”? for NNN identification. Then in your theme’s styles.css file add CSS like the following.

.testimonials-widget-testimonialsNNN .testimonials-widget-testimonial {
    …
}

To style for a particular page, we use that page’s CSS class. As an example, Axelerant’s about page, has the body tag <body>. Therefore, I would do something like the following to style my testimonials.

.about-axelerant.testimonials-widget-testimonial {
    …
}alxe