The Heading Block’s margin is coming from the theme’s style.css …
@media (min-width: 700px) {
h1, .heading-size-1, h2, .heading-size-2, h3, .heading-size-3 {
margin: 6rem auto 3rem;
}
}
The Newsletter gap is coming from the iframe, so you won’t be able to change that from your site. If you want them to line up on larger screens then I would modify / increase the above CSS (the “6rem”) and add it into “Customizer – Additional CSS” until the first block is level with the second.
Oliver
Thanks for quick reply Oliver. 🙂
If I may? I found some CSS code online re iframe padding but It doesn’t seem to work as displayed. Any chance you could review the code and perhaps make a suggestion on how to get it to work?
#mainImage iframe{position:absolute; top:0; left: 0; padding:12px 0 0 12px; display:block;} #mainImage iframe html, body{ margin:0px; padding:0px; border:0px;}
thnks
OK, so the CSS you mention will change the padding / margin around the iframe but not within it. The space you want to reduce is inside the iframe and the parent document (your web page) does not have the ability to make CSS adjustments to the child document within the iframe.
Huh. Fascinating. I’ll just have to make some site nav changes then.
Thanks again for prompt reply. (I’m still keeping the theme. lol)
Craig 🙂
