So with Elementor Page Builder I have to pay to add my own custom CSS. That's kind of a bummer - so I'll be editing custom CSS through the default editor that exists on the side panel.
Additional CSS options
In order to overwrite some of the default theme settings, I'll have to mark some fields as !important to make sure my changes go through intentionally.
CSS test changes
Fixing the ridiculous headers
So I've had this annoying bug with the headers for a while now where h2 takes like the whole viewport length. To figure out why this is occuring, I dug into the source code. Initially I suspected it was because the paddingof the content container was so big, but actually it turned out to be the line-heightthat was causing the issue.
Giant space being taken up by h2
CSS for h2
Now that I think about it, it probably was caused my me messing with the default header settings, so I might not need custom CSS here. I'll go dig into the settings and see how to resolve it but here it is if it ever comes up again.