Prestige Theme - Line Break on Header Text

Solved
Multibrands
Tourist
39 2 19

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

0 Likes
dmwwebartisan
Shopify Partner
4562 1023 1320

@Multibrands 

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

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
Multibrands
Tourist
39 2 19

oops sorry,

the-botanical-factory.myshopify.com

 

Thank you

dmwwebartisan
Shopify Partner
4562 1023 1320

@Multibrands 

Please provide a password also.

 

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
Multibrands
Tourist
39 2 19

sorry again.

 

crudah

dmwwebartisan
Shopify Partner
4562 1023 1320

@Multibrands 

Thanks!! It worked!!

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

 

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
Multibrands
Tourist
39 2 19

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.

Screenshot 2021-02-15 at 12.45.56.png

dmwwebartisan
Shopify Partner
4562 1023 1320

This is an 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!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
Multibrands
Tourist
39 2 19

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
Shopify Partner
4562 1023 1320

@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?

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes