Spacing between testimonials

I want to add that I was using the DIV setting. I changed it to BLOCKQUOTES and it looks nicer. Still wondering if I’m missing something.

No. You can use CSS to space them out if you would like. I don’t do any styling to the testimonials so that you can make it look how you want.

Let me know if the blockquotes is fine or if you are still looking to space it out.

Jeff

Thanks, Jeff. Using the blockquotes helps. I moved the name & other info to the top with the testimonial text below.

Not sure where the CSS file is located – I’m using a Godaddy WordPress site, so I’m not exactly sure where it got loaded.

Thanks again,

Randy

Hey Randy,

In your WordPress dashboard go to Appearnace -> Editor. This will put on your themes CSS file. Scroll to the bottom and paste

.hms-testimonial-container { margin-top: 30px; }

This will add 30 pixels to the top of each testimonial. You can adjust that number as needed. Afterwards don’t forget to hit the save button.

Jeff

Hey Jeff
I see how you added a top margin, but how did you create spacing between the individual testimonials?
Thanks

That should add 30 pixels to the top of every testimonial spacing them out. You could balance it out if you wanted with a margin-bottom

Cool Thanks!! One last question about spacing… When I add the name and job in the Source field, like John Doe/Acme LLC in the example, it puts a line space between them. I entered in the text field and removed any space but it still displays. Thoughts?
Thanks again

That’s weird. Are you doing any formatting? Can you paste the content of that field including any HTML?

No, you can see here https://www.chac-mool.com/reviews/

The 30px spacing works fine, but the space between name and company was there before and after i addedd the css.

Ok, I see it.

On the Testimonials -> Settings page, can you make sure “Add a
for line breaks?” is not checked?

Also, are there more than 1 line breaks in between the author and title? If so, try removing one of them.

Your source field is outputting as.

<div class="author" itemprop="author">Amanda<br><br>
Yacht Crew Member</div>