Jump to content

Hanging punctuation

Recommended Posts

Site URL: https://www.decadentdog.com/services


I seem to have hit a wall and am looking for help. I have some quotes on a site and I'd like to get the initial quote to hang. On the services page that I've linked, the bottom quote is in H4 style.

I've tried adding in custom CSS that I've found online and tweaked to no avail. 

#block-ID h4 { margin-left: .01em; } #block-ID { h4:before { content: '“'; position: absolute; //font-family: "Platform-Bold"; font-size: 2.3em; margin-left: -.6em; font-style: italic; margin-top: 10px; @media only screen and (max-width: 640px) { margin-left: -.5em; margin-top: 5px; } } h4:after { content: '”'; position: absolute; //font-family: "Platform-Bold"; font-size: 2em; //margin-left: -.1em; font-style: italic; margin-top: 10px; } }
And also this one
h4 { hanging-punctuation: first; }
Edited by nmr1826
Link to comment
  • Replies 1
  • Views 400
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.