Aligning text to touch the bottom of a section

r3lai · July 31, 2023

Site: https://lynx-haddock-7k4d.squarespace.com/

Password: abcd1234

I could use some help with some CSS trickery

I'm looking to align the text block to the very bottom of the section, with no space in between. There doesn't seem to be any padding/margin to work with. Can someone start me off on how to solve a problem like this?

THanks.

Ziggy · July 31, 2023

Try this with an adjustment to the line height property:

#block-0915ebafdc554f9da0b3 {
  [data-website-fonts] h1 {
    line-height: 0.7em !important;
  }
}

Custom CSS is playing up, so if this doesn't immediately work, save the CSS and refresh the page.

r3lai · July 31, 2023

Amazing! Thank you. How did you figure out that it is 7em?

Ziggy · August 1, 2023

10 hours ago, r3lai said:

How did you figure out that it is 0.7em?

Trial and error in Chrom Dev Tools.

Aligning text to touch the bottom of a section

Recommended Posts

r3lai

Link to comment

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Popular Posts

Ziggy

Posted Images

Ziggy

Link to comment

r3lai

Link to comment

Ziggy

Link to comment

Create an account or sign in to comment

News

Ziggy

Events

Circle Day

Resources

Squarespace Webinars

Hire a Designer

Support

Community

Developers

Resources