Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Recommended Posts

Hi,

I need to create a title in extra large heading style on one line and then a line below it in medium paragraph style that is fairly close to it in line height. For some reason the default distance between the two lines is really wide and looks strange. It seems IMPOSSIBLE to adjust the distance.

If I use shift then enter I get the correct line spacing, but then I cannot change the text style, it just automatically switches to extra large heading, so the two lines are all in the same style. So i guess I want a standard paragraph space, but between a heading and a paragraph line.

How do i reduce the line height between these two lines? I don't want to adjust the global line height, just the line height between the title and the line below, on one section only. Perhaps you can do this by creating two seperate blocks and squeezing them together or something? Or a custom per-section line height?

I'm using 7.1 and the template is Novo.

 

Thanks!

Link to post
  • Replies 9
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Popular Posts

Hi, I need to create a title in extra large heading style on one line and then a line below it in medium paragraph style that is fairly close to it in line height. For some reason the default dis

You would need use code specifically for the block intended. Find out what your block id is with this chrome extension: https://chrome.google.com/webstore/detail/squarespace-collectionblo/bggpdfn

#block-id-123 h4 { line-height: 20px; } Find block id with https://chrome.google.com/webstore/detail/squarespace-collectionblo/bggpdfnccodbnmcndckmeehdjkjojkde

Posted Images

Can anyone please help with this? My site is almost ready to go apart from one single line height adjustment.

Or is there something really basic i am missing?

Perhaps there is a hack? For example if I make a 'Newsletter' block I can use the advanced font controls to adjust the line height between the first line and second (with two different styles on each line). But then i can't remove the submit box and button. So that option doesn't work... but it's tantalisingly near to what i need!

I'm really close to subscribing but if it is not possible to adjust the line height between two lines of text when you need to, I will have to go back to square one again and start a whole new site using 7.0.

Thanks in advance!

Link to post
  • 2 months later...

Just found my error for my summary block titles on mobile:

I had this code:

/* summary block titels mobile */
@media screen and (max-width:640px) {
.summary-title-link {
   font-size: 20px !important;
     line-height: 1.2 !important;
}

But needed this — so without the »link« in .summary-title :

/* summary block titels mobile */
@media screen and (max-width:640px) {
.summary-title {
   font-size: 20px !important;
     line-height: 1.2 !important;
}
Link to post

  

On 4/8/2020 at 10:54 PM, squareface said:

How do i reduce the line height between these two lines? I don't want to adjust the global line height, just the line height between the title and the line below, on one section only. Perhaps you can do this by creating two seperate blocks and squeezing them together or something? Or a custom per-section line height?

You would need use code specifically for the block intended. Find out what your block id is with this chrome extension:

https://chrome.google.com/webstore/detail/squarespace-collectionblo/bggpdfnccodbnmcndckmeehdjkjojkde

Then use custom CSS do define the line height for that specific block id.

Link to post
  • 5 weeks later...
  • 2 weeks later...
On 7/22/2020 at 9:21 PM, sophie.elizabeth said:

What custom css can I use to define line height for a specific block on the H4 only?  

#block-id-123 h4 {
	line-height: 20px;
}

Find block id with https://chrome.google.com/webstore/detail/squarespace-collectionblo/bggpdfnccodbnmcndckmeehdjkjojkde

You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan, work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. 

Link to post
  • 2 weeks later...

What css can I use to change the line height within a summary block on a specific page? And will this also affect the line height of the metadata within the same block

Link to post

Create an account or sign in to comment

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


×
×
  • Create New...