Solved

How can I reduce the font size in my website's disclaimer?

YNN
Excursionist
28 0 4

Hello,

I would like the size of the font to be much smaller, URL yellowstonenaturalnutrition.com.

I have been unable to change the size of the font to be the same overall size as the text box to the left of it.

Screen Shot 2021-11-19 at 11.21.26 AM.png

 

Thank you,

Accepted Solution (1)

diego_ezfy
Shopify Partner
2958 568 890

This is an accepted solution.

@YNN, 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.css and paste this at the bottom of the file:

.site-footer__item:nth-child(3) .site-footer__rte{
    font-size: 14px !important;
}

@media (max-width: 767px){
    .site-footer__item:nth-child(3) .site-footer__rte{
    font-size: 12px !important;
        
    }
}


You can change the values as per your wish:

14px = desktop font size
12px = mobile font size

Kind regards,
Diego

◦ Follow my blog & youtube for coding tutorials.
◦ Replace apps with copy/paste code snippets and save money.

View solution in original post

Replies 4 (4)

KetanKumar
Shopify Partner
36843 3636 11978

@YNN 

can you please check your theme customization font option its allow though change font size whole site 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
YNN
Excursionist
28 0 4

Hello Ketan,

 

I am stuck here unable to adjust the font size. Please advise.

 

Thank you,

Screen Shot 2021-11-20 at 9.19.59 PM.png

diego_ezfy
Shopify Partner
2958 568 890

This is an accepted solution.

@YNN, 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.css and paste this at the bottom of the file:

.site-footer__item:nth-child(3) .site-footer__rte{
    font-size: 14px !important;
}

@media (max-width: 767px){
    .site-footer__item:nth-child(3) .site-footer__rte{
    font-size: 12px !important;
        
    }
}


You can change the values as per your wish:

14px = desktop font size
12px = mobile font size

Kind regards,
Diego

◦ Follow my blog & youtube for coding tutorials.
◦ Replace apps with copy/paste code snippets and save money.
YNN
Excursionist
28 0 4

Thank you!!!