Jump to content

Formatting line height and text style in html code

Recommended Posts

Hi Squarespace community,

I'm wanting to tweak the formatting of the copy that sits beneath images on one particular page. I've attached an image to this post to illustrate the two things that I want to achieve

1. To Close up the line height whilst maintaining typefaces
I have tried closing up the line height by simply using a shift+return but it ends up automatically formatting the copy into one typeface which isn't what I want. I want the first line of copy to stay in 'heading 3' and the second line of copy to be 'paragraph 2'

2. To be able to shift all the text slightly upward to live closer to the image
 

Any help would be very much appreciated!

Cheers,

Robin.

 

 

Screen Shot 2021-01-12 at 19.27.28.png

Link to comment
  • Replies 4
  • Views 536
  • Created
  • Last Reply
On 1/13/2021 at 11:26 PM, cupoftea said:

Hi there:

chipmunk-turbot-3bw7.squarespace.com

Let me know if that link works? The particular section of the site is under 'work'

Cheers,

Robin

Add to Design > Custom CSS

/* Space image title text */
figcaption.image-card-wrapper {
    margin-top: 5px !important;
}
.image-subtitle.sqs-dynamic-text {
    margin-top: 1px !important;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Archived

This topic is now archived and is closed to further replies.


×
×
  • 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.