How to remove spacing in testimonials and a line near the footer in Academy Pro

[copious]

I followed the instructions for setting up the Academy Pro theme, still working on the site, but the testimonials are finished. I used the Custom HTML widgets (6 of them) in the Front Page 4 section, just like the demo theme. However, the first and third testimonial have extra names which takes up two lines. It's leaving a very large space.

For example, one of them says "PIPPA ABRAHAM, MICHAEL, AND FAMILY" but "FAMILY" is on a second line with at least one extra blank line. Any ideas on how to remove that line spacing? It can be seen here:

Home

Also, in the Footer CTA, the demo theme uses a Custom HTML widget. The use of any widget, I found out, triggers a short horizontal red line above it. That would look good if setting it up as the demo theme. Then the HTML code entered within the widget places a wider red horizontal line below it. You can see the demo here: https://demo.studiopress.com/academy/

However, I am using an Image widget to display the logo there instead. As mentioned, the use of any widget used in the Footer CTA triggers that short red horizontal line. Does anyone know how I can get rid of it?

Thanks!

---

Occasional WordPress designer, learning more with each website!

http://wendysdrivingschool.com/wds/

[Brad Dalton]

If you inspect the element, you'll find the CSS rule and line number the CSS rule is located on in your child theme style.css file.

.front-page-4 blockquote cite {
	line-height: 45px;
	vertical-align: middle;
}

---

Tutorials for StudioPress Themes.

[copious]

That worked great, thank you! With the line-height at 20px it looks good, and doesn't seem to affect anything else.

I need to figure out how to read the code like that. It looks simple enough when someone points it out to me - both the code and where to look. I'm more of a designer and a copywriter than a coder.

But, I know it's best not to edit the actual CSS file, so I added that bit of code to:

Appearance > Customize > Additional CSS

Thanks again! Now I just need to figure out where that short red line is coming from near the footer.

---

Occasional WordPress designer, learning more with each website!

[Brad Dalton]

You should be using FTP to access files along with a code editor so you can find the line numbers.

You can read the HTML from the front end using inspect element https://youtu.be/9oYhq84ZqaE

---

Tutorials for StudioPress Themes.

[copious]

Very neat! The way to access the Inspect Element is a bit different on my computer than how it looked in the video, as well as the way to access it, but all of the features are there. Maybe it's due to a newer version of the browser or Mac/Windows differences.

Coding can be a bit overwhelming for me, so what might seem like a quick and simple fix to many, could take me a lot longer to figure out. Sometimes I give up in frustration. I'm ok with basic things, or once I've done them a few times, but figuring things out for the first time is often a challenge for me when it involves working with code.

I haven't used FTP in a long time. I've been getting away with the built-in code editor in WordPress, or in the case of non-Wordpress websites, using File Manager in Cpanel. But I know that's not the best way to do this. I do as much as I can in the WordPress dashboard, but it has its limitations for sure.

---

Occasional WordPress designer, learning more with each website!

[coreimax]

set this code to your child theme and enjoy serial irani !

.front-page-4 blockquote cite {
    line-height: 45px;
    vertical-align: middle;
}

[Author]

Posts