Can you post the URL? It would make it a lot easier as then we could inspect the CSS and give you the solution.
Hi.
Website is currently still being made. The URL is http://www.englishfootytips.co.uk
Thanks 🙂
Thanks. I am assuming you are referring to the space here:
https://www.evernote.com/shard/s200/sh/a3ea0b2c-1df2-4c7e-9153-dd8fe3c82e13/78de3a53c337fd1ddf6b2c6d1ece4b9d/deep/0/Members-Directory–.png
That space is coming from this CSS defined in /wp-content/themes/PowerMag/css/less.css
h1, h2, h3, h4, h5, h6 {
margin: 10px 0;
font-family: inherit;
font-weight: normal;
line-height: 20px;
color: inherit;
text-rendering: optimizelegibility;
font-family: ‘BebasNeueRegular’, sans-serif;
}
You would want to remove that margin at the top. Not sure what your CSS level is so forgive me if I’m telling you what you already know. When you see 2 parameters in a row like that (margin section) the first parameter is top/bottom, and the second parameter is right/left. So this is applying a margin of 10px to the top and bottom of your headings, and 0 pixels to the right/left. You would want the top margin to be 0 and that will fix the issue. But don’t override this here or it will trickle down into all of your site headings. Isolate this box.
This should work:
.boxed-title {
margin-top: 0;
}
.boxed-title is a class added to that specific h1.