How to eliminate space between p's in a template

Hi,

Sorry this is happening, it can be really bothersome when something doesn’t work the way we need it to. In looking at your site it looks like there are extra <p></p> tags after every paragraph. I believe this is the culprit as there are technically blank paragraphs after every paragraph that is being displayed on the site.

No, it’s using single tags:

<p>Campuses have embraced video for teaching and learning. Whether as part of course
 packets, through lecture capture, in online courses, even as part of student assignments
 and faculty feedback, video is increasingly being used by educational institutions to help
 improve learning outcomes.</p>
<p>But many institutions are going beyond the classroom. Video technology can ripple
 through every department. Is your school taking full advantage of video’s potential across
 campus?</p>

??

Hi,

In viewing your site with the web browser developer tools it seems to display as having blank paragraphs between all of your other paragraphs. What theme are you using?

ALso, have a look at this:

https://wordpress.stackexchange.com/questions/13798/remove-empty-paragraphs-from-the-content

It would seem that you’re not alone.

Hmm, I looked at the source in Google Chrome and in Safari and there weren’t any blank paragraphs.

I looked at the post you helpfully linked to. Where do I put this?:

remove_filter('the_content', 'wpautop');

Hi,

It seems the answer is outlined here: https://davidwalsh.name/disable-autop

I hope this helps. I’ve not attempted this myself. But it seems like it could do the trick for you. Let me know!

globally removing wpautop has side effects. Try doing something more targeted first.

For example, in the body of your pages, this is the CSS for a p:

.c5-article-content p {
    margin-bottom: 30px;
    position: relative;
    display: block;
}

That’s 30px bottom margin! Change it to something smaller (e.g., 1em) and see how it goes.

If your theme does not have a “custom CSS” option, install the plugin “simple custom CSS” and add

.c5-article-content p { margin-bottom: 1em; }

I installed the plug-in and turned it on. Same problem.

Sterndata, I think I must be doing the plug-in incorrectly. I put the text in a text file and named it:

simple custom CSS

That was rejected as a plug-in, so I tried:

simple custom CSS.php

And that was accepted but had no effect on the text.

Any suggestions?

Thanks,
David

I said “install the plugin simple custom css”

https://www.ads-software.com/plugins/simple-custom-css/

Activate the plugin. Go to “Custom CSS” on the dashboard. Enter the CSS:

.c5-article-content p { margin-bottom: 1em; }

It worked. Thank you!