Change footer text size

Solved

Change footer text size

Not applicable

Hi, i want to change the size of the text in my footer.

 

From this:

22222.png

 

To this: 

11111111.png

 

I'm using the dawn theme. My url is: https://t71vm9-qa.myshopify.com/

 

Best regards

Accepted Solution (1)

Sangeetanahar
Trailblazer
593 39 69

This is an accepted solution.

Go to online store ----> themes ----> actions ----> edit code ---->assets ----section-footer.css...> add the code end of the file

 @media screen and (min-width: 990px) {
h2.footer-block__heading.inline-richtext {
    font-size: 14px !important;
    font-weight: 900;
}
ul.footer-block__details-content.list-unstyled a {
    font-size: 12px;
}
 }
 

result will be

123-11-26-2024_04_20_PM.png


If this was helpful, hit the like button and accept the solution.
Thanks

Was I helpful?

Buy me a coffee



Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront
Email me -sangeetarahuldhiman@gmail.com - Skype: live:sangeetarahuldhiman -Whatsapp: +917009811712
Checkout Some Free Sections Here

View solution in original post

Replies 5 (5)

Tech_Coding
Shopify Partner
413 108 98

Hello @Anonymous 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
@media screen and (min-width: 990px) {
    .footer-block__heading {
        font-size: 14px !important;
    }
    ul.footer-block__details-content.list-unstyled li a {
       font-size: 10px !important;
    }
}
</style>

Tech_Coding_0-1732617744595.png

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.
Shopify UI Developer
Your Coffee Tips adds a little sweetness to my day.
Not applicable

Thank you. Is it possible to have the same space like in the second picture like here:

11111111.png

topnewyork
Globetrotter
734 122 138

Hello, @Tech_Coding  

1) Go to Online Store
2) Edit Code
3) Find theme.css/base.css file
4) Add the following code in the bottom

a.link.link--text.list-menu__item.list-menu__item--link {
    font-size: 12px !important;
}

h2.footer-block__heading.inline-richtext {
    font-size: 14px !important;
}

 Thanks! 

Need a Shopify developer?
Hire us at Top New York Web Design
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Subscribe to our youtube channel

Sangeetanahar
Trailblazer
593 39 69

This is an accepted solution.

Go to online store ----> themes ----> actions ----> edit code ---->assets ----section-footer.css...> add the code end of the file

 @media screen and (min-width: 990px) {
h2.footer-block__heading.inline-richtext {
    font-size: 14px !important;
    font-weight: 900;
}
ul.footer-block__details-content.list-unstyled a {
    font-size: 12px;
}
 }
 

result will be

123-11-26-2024_04_20_PM.png


If this was helpful, hit the like button and accept the solution.
Thanks

Was I helpful?

Buy me a coffee



Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront
Email me -sangeetarahuldhiman@gmail.com - Skype: live:sangeetarahuldhiman -Whatsapp: +917009811712
Checkout Some Free Sections Here
Not applicable

Thank you!