Paragraphs suddenly appear as quadruple-spaced (instead of double-spaced).

Paragraph spacing is controlled by the padding and margins on each paragraph. In your CSS I can see that your theme is setting a bottom margin of 20px for each paragraph:

.page_content p {
  margin-bottom: 20px;
  line-height: 25px;
}

But then in Additional CSS you’ve added:

.site-main p {
  color: white;
  padding: 19px;
}

Since this adds 19px to the top and bottom you now have a total of 59px between paragraphs.

• This reply was modified 1 year, 11 months ago by Jacob Peattie.

Thank you!
How did you find that? View-source, find “p {” ? Chrome’s Inspect tool? The css source file would have just shown autoptimize.[….].css, so how did you see that the extra code was in Additional CSS? Since it was so badly conceived, you could have just guessed it was done by an amateur. Or was there another way you could see it was in Additional CSS?
Trying to find the sources of other problems, I just stopped Autoptimize from combining css files into its cache. If I can find the sources of troublesome css while still allowing Autoptimize to combine css files, that would be best.
Thanks

pro-tip; to debug you can disable Autoptimize on a per-request basis by adding ?ao_noptimize=1 to the URL.

hope this helps,
frank (ao dev)