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
2935 562 883

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

◦ Follow my blog & youtube for coding tutorials. Most questions in here are already answered there!
◦ Top #4 Shopify Expert, 24h reply. Click here to hire me.
Download copy/paste code snippets that can replace most apps.

View solution in original post

Replies 3 (3)

ZestardTech
Shopify Expert
5393 970 1291

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
2935 562 883

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

◦ Follow my blog & youtube for coding tutorials. Most questions in here are already answered there!
◦ Top #4 Shopify Expert, 24h reply. Click here to hire me.
Download copy/paste code snippets that can replace most apps.

jakelemon
Excursionist
14 0 3

Thanks @diego_ezfy! Perfect 🙂