Capitalize and adjust weight of footer's menu titles

[martujv]

Hey folks,

The menu titles in my footer are in ALL CAPS and they look very thin, I attach an image:

As you can see, the titles are SHOP, HELP, LEGAL and COMPANY.

I would like them to be Capitalized (not all caps) and have the same font as my headers, which is Semi Bold.

My theme is Stiletto and my website is: https://4svxm0n5yawy71pb-60150284501.shopifypreview.com

I would really appreciate some help, folks!

[topnewyork]

Hello, @martujv

1. Go to Online Store
2. Edit Code
3. Find theme.css/base.css file
4. Add the following code in the bottom

.footer__heading fs-accent {
    text-transform: capitalize !important;
    font-weight: 700 !important;
}

Thanks!

[websensepro]

Hi @martujv

1. Go to Online Store → Theme → Edit code.
2. Open your theme.css / based.css file and paste the code in the bottom of the file.

span.footer__heading.fs-accent {
    text-transform: capitalize;
    font-weight: 500;
    font-size: 16px;
}

If my reply is helpful, kindly click like and mark it as an accepted solution.
If you are happy with my help, you can help me buy a COFFEE
Thanks!

[Mateen_Asghar]

Hi @martujv ,

1. Go to Online Store → Edit Code
2. Find theme.css/base.css file
3. Add the following code in the bottom of file above tag

.footer__heading fs-accent {
    text-transform: capitalize !important;
    font-weight: 700 !important;
}

You can adjust font-weight accordingly.
4. Click save.

If my reply is helpful, kindly click like and mark it as an accepted solution.

Thanks!

[Vinsinfo]

@martujv Please follow below steps to update the footer titles as per you requested. Let us know whether it is helpful for you.

1. Go to “Online Store” → “Themes”.

2. Click the action button from the current theme and select “Edit code”.

3. Search “theme.css” file and paste the below code at the bottom of the file and save changes.

span.footer__heading {
    text-transform: capitalize;
    font-weight: 400;
    font-size: 15px;
}

Note: If you want to show the footer title size same like header menu, use font-size. Otherwise, please remove from the above code.

Result will be like,

Please provide your support by click “Like” and “Accepted” if our solution works for you. Thanks for your support.

[DaisyVo]

Hi @martujv

To complete your requests, please follow these steps:

1. Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
2. Paste the code provided into the Custom CSS section.

h4.footer__header.ff-body span {
    text-transform: capitalize !important;
    font-size: 16px;
}

Here is the result:

I hope this helps

Best,

Daisy

[Hasan112]

.footer__heading fs-accent {
    text-transform: capitalize !important;
    font-weight: 700 !important;
}

paste Css on customization or theme.liquid in style tag, or paste on base.css

If its helpful please Like and Accept as solution Thanks

[martujv]

It worked, thanks!!