Prestige Theme - Line Break on Header Text

[Multibrands]

Hello, everyone,

Is it possible to reduce the line break height on Header Text, it seems to be so far apart I would love to reduce the gap.

Many Thanks

John

[dmwwebartisan]

@Multibrands 

Please share your website URL and password if any. I will check and provide a solution here.

Thanks!

[Multibrands]

oops sorry,

the-botanical-factory.myshopify.com

Thank you

[dmwwebartisan]

@Multibrands 

Please provide a password also.

[Multibrands]

sorry again.

crudah

[dmwwebartisan]

@Multibrands 

Thanks!! It worked!!

Can you please provide a screenshot that which text gap you want to reduce?

[Multibrands]

Here you go, but it is basically anywhere the text breaks onto a new line in a headline font. Every font apart from body copy really.

 

[dmwwebartisan · Accepted solution]

@Multibrands 

Please add the following code at the bottom of your assets/theme.css file.

/* for desktop */
div#shopify-section-slideshow .SectionHeader__Heading.SectionHeader__Heading {
    line-height: 76px;
}

/* for mobile */
@media screen and (max-width: 425px){
div#shopify-section-slideshow .SectionHeader__Heading.SectionHeader__Heading{ line-height: 52px; }
}

Hope this helps.

Thanks!

[Multibrands]

Thats fantastic, it works perfectly.

Please may I ask 2 more questions though:

1. Will this work on any other header sections or just slider?

2. Another community helper help me remove the padding of my buttons but as you see now this is probably to close, can this be adjusted. I am only asking because they put the code in themselves?

Many thanks, I really appreciate you r help, my site is going to look so much better now.

[dmwwebartisan]

@Multibrands 

1. Will this work on any other header sections or just slider?

Comment: This will work for the slider only for now. Can you tell me which other places you need?

2. Another community helper help me remove the padding of my buttons but as you see now this is probably to close, can this be adjusted. I am only asking because they put the code in themselves?

Comment: Can you share a screenshot?