Testimonials Widget
[resolved] Using Shortcode how can I add some seperation (4 posts)

  1. davidstrand
    Posted 4 years ago #

    I am using the shortcode on my testimonials page. I would like to add some separation between each testimonial maybe having the Source Line be a different color or more spacing between. What options do I have available?


  2. Michael Cannon
    Plugin Author

    Posted 4 years ago #

    Using my own testimonials page, http://typo3vagabond.com/typo3-vagabond-testimonials/, as the example.

    Each shortcode testimonial is wrapped by a div using classes testimonialswidget_testimonial testimonialswidget_testimonial_list. As such, to increase spacing between testimonials, try…

    .testimonialswidget_testimonial_list {
    padding-bottom: 1em;

    Making the citation line a different color is a little trickier. The reason being is that applying a color to .testimonialswidget_testimonial cite will change the entire citation line in the widget display as well. To only change the shortcode testimonial citation color, try…

    .testimonialswidget_testimonial_list cite {
    color: blue;

    If you're wanting to change only the source (URL/email address) color, then try.

    .testimonialswidget_testimonial_list cite .testimonialswidget_source  {
    color: purple;

    Like wise, the author uses class testimonialswidget_author and join ", " uses class testimonialswidget_join.

  3. davidstrand
    Posted 4 years ago #

    Thanks that helped!

  4. Michael Cannon
    Plugin Author

    Posted 4 years ago #

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Testimonials Widget
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic