How to increase font line height in the footer-custom-text.liquid

Store Design
, ,
1

Hi All,

Look for some assistance please. We have added a new Custom Text box into the Footer section of our shopify site. However, the line height spacing is making the text overlap itself. We have tried looking at the relevant footer-customer-text.liquid theme code - but nothing is listed there to font-wise. We have also looked at the footer.liquid code and while we can see the text box (with the copy in it), we are unsure how to add a font condition that is specific to that customer box only and that DOES NOT affect the rest of the footer font theme.

Any help would be most appreciated.

Site_User_0-1673310245707.png

1 Like
2

Here is the original test below…

{%- when ‘custom’ -%}

{%- render 'footer-custom-text', block: block -%}
3

And here is the footer-customer-text.liquid section -

{% if block.settings.show_footer_title %}

{{ block.settings.title }}

{{ block.settings.title }} {%- render 'collapsible-icons' -%} {% endif %}
{{ block.settings.text }}
4

Hi @Site_User ,

Can you give me your page URL( with pass if your store password is enabled) so I can check it for you?

Kind & Best regards,
GemPages Support Team

5

@Site_User

Please share your store URL!

Thanks!

6

Hi @Site_User ,

Please send your site and if your site is password protected, please send me the password. I will check it.

7

Hi,
Our url is - https://hellyersroaddistillery.com.au/
Many thanks

8

Hi @Site_User ,

You can check out my suggestion below to get your concern resolved:

  1. Go to Edit code on Online Store:

GemPages_0-1673331308142.png
GemPages_0-1673331308142.png400×162 25.3 KB

  1. add my code above the tag on Theme.liquid:

*Note: you can replace the number 25 with another number to increase the line height of that text.

I hope you find the answer helpful.

Kind & Best regards,
GemPages Support Team.

9

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > theme.css and paste this at the bottom of the file:
.collapsible-content__inner .footer__collapsible p {
line-height: 25px !important;
}
1 Like
10

Hi @Site_User ,

Please go to Actions > Edit code > Assets > theme.css file and paste this at the bottom of the file:

.site-footer .collapsible-content p {
    line-height: normal !important;
}

Hope it helps!

1 Like
11

Thank you very much. This has worked.

Kind regards

12

Thank you very much. This has been resolved.

13

Thank you very much. This has worked resolved. Much appreciated!

1 Like