How to align text to the very top of the block

Hello! I'm trying to figure out how to get this large H1 to be flush against the top of the text box and section. I have tried multiple css options that seem to be focusing on getting the block itself to the top of the section, and not the actual text in the block. I'm sure this is something to do with the line height, but I am not sure what the solution would be. Any help is appreciated! 

https://abigailjames.squarespace.com 

It currently looks like this: 

But it needs to looks like this: 

Site-wide password?

@creedon it's abigailjames 

Ah that actually did work pretty well! I was wanting it for the "work with me" text, so I just changed the block-id and it seemed to do the trick. It does seem to move depending on the screen size though, so I think I'll need to add some workaround there.

Thank you so much 🙂

Hello there, I am trying to find a solution here too. I want my h1 to sit at the very top of the block so I can align it with an image block nearby. Did you find another solution other than controlling via block ID please?

On 9/25/2024 at 11:24 PM, prado2020 said:

Hello there, I am trying to find a solution here too. I want my h1 to sit at the very top of the block so I can align it with an image block nearby. Did you find another solution other than controlling via block ID please?

Can you share link to page where you use h1 + image block? We can check easier

6 hours ago, tuanphan said:

Can you share link to page where you use h1 + image block? We can check easier

 Sure, here is the page in question https://www.fitzmaurice.works/ I was trying to align the h1 'Latest News' with the top edge of the image block but even with 'top align' thee was white space. I too tried adjusting line height but that feels more like a workaround than a permanent solution. This is why I hadn't thought to share a page since I was hoping there was a 'all scenarios' solution to aligning to its block.

Best, Robert

See this, this is h1 height

you can use this code to Custom CSS

div#block-yui_3_17_2_1_1727279752252_11542 h1 {
    line-height: 1 !important;
}

Thanks and sorry I missed your reply..