How to adjust font in 'our policies' footer section?

Solved

How to adjust font in 'our policies' footer section?

Boops
Shopify Partner
29 0 14

Hi, I would like to adjust the font to the same as the brand information section. Brand information is using H5 font.

 

I tried this code but it had no effect

 

.footer-block__details-content.rte {
    font-size: 12px !important;
};

.footer-block.grid__item {
    flex: 2;
};

.footer-block.grid__item.footer-block--menu {
    flex: 1;
};

website: www.boops.co.uk

 

Boops_0-1727342518440.png

 

Thanks, Kristian

Accepted Solution (1)

Moeed
Shopify Partner
5426 1468 1753

This is an accepted solution.

Hey @Boops 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.footer-block__details-content .list-menu__item--link {
    font-size: 13px !important;
}
</style>

RESULT:

Moeed_0-1727343005325.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Custom Design | Advanced Coding | Store Modifications


View solution in original post

Replies 3 (3)

Moeed
Shopify Partner
5426 1468 1753

This is an accepted solution.

Hey @Boops 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.footer-block__details-content .list-menu__item--link {
    font-size: 13px !important;
}
</style>

RESULT:

Moeed_0-1727343005325.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Custom Design | Advanced Coding | Store Modifications


Tech_Coding
Shopify Partner
309 80 71

Hello @Boops 

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>
  ul.footer-block__details-content.list-unstyled li a {
      font-size: 14px !important;
   }
</style>

Tech_Coding_0-1727343392232.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.

BSSCommerce-B2B
Shopify Partner
1729 518 582

Hi @Boops , 

I have reviewed your requirement, you just need to edit css script and the issue will be resolved.  You can follow my instructions! 

Step 1: Go to Admin -> Online store -> Theme > Edit code:

BSSCommerceB2B_0-1727343702769.png

Step 2: Search for the file base.css. And add this code snippet to the end of the file.

 

.footer-block__details-content .list-menu__item--link {
    font-size: 13px !important;
}

 

 

Step 3: Save your code and reload this page.

The result: 

BSSCommerceB2B_2-1727343766426.png

I hope these instructions will help you. If they are helpful, don't forget to likes and mark as the solution.

Have a nice day sir! 

B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.


B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.


B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.


BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now