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

Store Design
1

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
Boops_0-1727342518440.png890×365 14.5 KB

Thanks, Kristian

2

Hey @Boops_1

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 tag

RESULT:

Moeed_0-1727343005325.png
Moeed_0-1727343005325.png1760×564 32.8 KB

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

Best Regards,
Moeed

1 Like
3

Hello @Boops_1

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 on theme.liquid

ul.footer-block__details-content.list-unstyled li a { font-size: 14px !important; }

Tech_Coding_0-1727343392232.png
Tech_Coding_0-1727343392232.png1171×335 17.6 KB

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

4

Hi @Boops_1 ,

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
BSSCommerceB2B_0-1727343702769.png400×195 26.3 KB

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
BSSCommerceB2B_2-1727343766426.png1234×718 63.3 KB

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!

1 Like