Squarespace 7.1 - line height headline

Site URL: https://www.or-never.com/

Hi there

I would like to reduce the line height on the headline of my homepage.

www.or-never.com

Headline "Need help launching your business?"

Can anyone help me please?

Many thanks and kind regards

Sibylle Huber

Hey @ornever this should do the trick, it looks like you've already got some CSS to try fix the issue

 

[data-section-id="5ec7c08076c7027645c95b6c"] h1 {
    line-height: 120% !important;
}

On 1/22/2021 at 6:21 PM, RyanDejaegher said:

Hey @ornever this should do the trick, it looks like you've already got some CSS to try fix the issue

 

[data-section-id="5ec7c08076c7027645c95b6c"] h1 {
    line-height: 120% !important;
}

 

Hello @RyanDejaegher.

Thank you so much for your help.

Unfortunately it does not work! I inserted the custom code in Design/CustomCSS - but nothing happens. I think the problem is not the line-height but the background of this section. The text has a background colour that is now set on transparent. I would like to delete that background completely, but don't know how!

Thanks again and kind regards

Sibylle from or never

On 1/27/2021 at 3:30 AM, ornever said:

Hello @RyanDejaegher.

Thank you so much for your help.

Unfortunately it does not work! I inserted the custom code in Design/CustomCSS - but nothing happens. I think the problem is not the line-height but the background of this section. The text has a background colour that is now set on transparent. I would like to delete that background completely, but don't know how!

Thanks again and kind regards

Sibylle from or never

Have you solved this yet?

On 2/2/2021 at 3:11 PM, tuanphan said:

Have you solved this yet?

Unfortunately not! Do you have any idea how to solve it?

Thank you so much.

Best, Sibylle

19 hours ago, ornever said:

Unfortunately not! Do you have any idea how to solve it?

Thank you so much.

Best, Sibylle

Add to Design > Custom CSS

/* need help line height */
div#block-15d9ca305a2b7786c571 h1 {
    line-height: 10px !important;
}

On 2/6/2021 at 9:17 AM, tuanphan said:

Add to Design > Custom CSS

/* need help line height */
div#block-15d9ca305a2b7786c571 h1 {
    line-height: 10px !important;
}

 

Hi @tuanphan

Thank you so much!!! It works like a charm. BUT: it's not working for mobile!

Could you help me as well with a code for the responsive design? 

Many thanks and kind regards

Sibylle

5 hours ago, ornever said:

Hi @tuanphan

Thank you so much!!! It works like a charm. BUT: it's not working for mobile!

Could you help me as well with a code for the responsive design? 

Many thanks and kind regards

Sibylle

Try this

/* need help line height */
div#block-15d9ca305a2b7786c571 h1 {
    line-height: 10px !important;
}
@media screen and (max-width:767px) {
/* need help line height mobile */
div#block-15d9ca305a2b7786c571 h1 {
    line-height: 25px !important;
}
}