Overlap block line-height

I've noticed an unusual problem: the line-height for my text is different in Overlap Image Blocks than it is across the rest of my site (it appears to just be overlap blocks, not other image block types.) Turns out something is applying a line height change, but I didn't add this!

line-height: 1.5 !important;

How do I target all overlap image blocks in my site with css, so that I can customize the line-height in a way that overrides this? I tried the following with no success:

.sqs-block-image .design-layout-overlap .image-title {
  line-height: 1.2 !important;
}

Can you share link to page where you use overlap block? I can take a look

Sorry, its under NDA 😕

Is this not a thing on overlap blocks for other 7.1 sites?

Hi @tuanphan, I'm having this same issue and would love your thoughts if you're still willing. I can send you the login details? Thank you so much in advance!

21 hours ago, cjarne said:

Hi @tuanphan, I'm having this same issue and would love your thoughts if you're still willing. I can send you the login details? Thank you so much in advance!

Can you share link to page where you added overlap block? WE can check easier

Hi, I am also having the same issues. You will find the overlap image blocks on the home page (News).

Here is the link: 

www.madeofair.com

I tried lots of different css codes - its strange because the code successfully allows me to increase the line height, font size, letter spacing with no problem, but it will not allow me to reduce the line height of in the image block overlap areas. 

Let me know if I can provide you with any other information. 

Many thanks in advance, 

Kristen

15 hours ago, god69 said:

Hi, I am also having the same issues. You will find the overlap image blocks on the home page (News).

Here is the link: 

www.madeofair.com

I tried lots of different css codes - its strange because the code successfully allows me to increase the line height, font size, letter spacing with no problem, but it will not allow me to reduce the line height of in the image block overlap areas. 

Let me know if I can provide you with any other information. 

Many thanks in advance, 

Kristen

You mean reduce this space?

@tuanphan Thank you for your quick reply.

No, not that space. I am referring to the line height in the title text on the overlap image blocks. 

.sqs-block-image .design-layout-overlap .image-title {
  line-height: 1.2 !important;
}

The title text here has a larger line height than the rest of my site. I tried to change it with css and can successfully change certain elements of the title and subtitle text, but it will not allow me to reduce the line height any smaller than what you see here. 

Side note: I am using squarespace 7.1 

2 hours ago, god69 said:

I am referring to the line height in the title text

Have you tried:

.sqs-block-image .design-layout-overlap .image-title * {
  line-height: 1.2 !important;
}

@paul2009 that worked ! wow ok it just needed the * 🙂

thank you !! have a nice day