Solved

How to line up customised text in footer and make font size smaller

jakelemon
Excursionist
14 0 3

Hi all,

 

I added some custom text to the bottom of my footer page

footeer.jpg

 

 

 

 

 

 

 

I was wondering if it is possible to make the text fit the same as where the footer menus start and payment icons finish? Is it also possible to change the size of that specific text?

 

My store URL is https://www.nextlevelsupps.com.au/

 

Thanks in advance!

Accepted Solution (1)

diego_ezfy
Shopify Partner
2958 568 891

This is an accepted solution.

@jakelemon, do this to fix it in 20 seconds:

1. In your Shopify Admin go to: online store > themes > actions > edit code
2. Find Asset > theme.scss.liquid or theme.css and paste this at the bottom of the file:

.site-footer + center{
    max-width: 1050px;
    margin: 0 auto;
    padding: 0 !important;
    font-size: 12px !important;
}

@media (max-width: 749px){
   .site-footer + center{
   padding-left: 30px !important;
   padding-right: 30px !important;
   font-size: 11px !important;
}
 
}


You can change the values as per your wish.

12px = font size desktop
11px = font size mobile

Kind regards,
Diego

View solution in original post

Replies 3 (3)

ZestardTech
Shopify Expert
5395 971 1293

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing

diego_ezfy
Shopify Partner
2958 568 891

This is an accepted solution.

@jakelemon, do this to fix it in 20 seconds:

1. In your Shopify Admin go to: online store > themes > actions > edit code
2. Find Asset > theme.scss.liquid or theme.css and paste this at the bottom of the file:

.site-footer + center{
    max-width: 1050px;
    margin: 0 auto;
    padding: 0 !important;
    font-size: 12px !important;
}

@media (max-width: 749px){
   .site-footer + center{
   padding-left: 30px !important;
   padding-right: 30px !important;
   font-size: 11px !important;
}
 
}


You can change the values as per your wish.

12px = font size desktop
11px = font size mobile

Kind regards,
Diego

jakelemon
Excursionist
14 0 3

Thanks @diego_ezfy! Perfect 🙂