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

Solved
jakelemon
Tourist
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)

Accepted Solutions
diego_ezfy
Shopify Partner
2303 413 543

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

◦ Slideshow images cutting off? Try the Slideshow (PRO) section. No apps required. | Replace apps with copy/paste code snippets & save money. Examples here.

View solution in original post

Replies 3 (3)
Pallavi
Shopify Expert
2458 411 532

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
2303 413 543

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

◦ Slideshow images cutting off? Try the Slideshow (PRO) section. No apps required. | Replace apps with copy/paste code snippets & save money. Examples here.

View solution in original post