How do I add bold to my Helpful Links in footer?

Shopify Discussion

Topic summary

A user seeks to make footer links bold in their Shopify theme.

Solutions Provided:

Two community members offered CSS-based approaches:

  1. theme.liquid method: Add custom CSS styling before the </body> tag in theme.liquid, targeting footer links with font-weight: bold !important

  2. CSS file method: Navigate to Online Store > Themes > Assets folder, locate the main CSS file (main.css, base.css, style.css, or theme.css), and add .footer-block__details-content { font-weight: 700; } at the bottom

Outcome:

The original poster confirmed that one of the solutions worked successfully. Both approaches include screenshots demonstrating the implementation steps and expected results.

Summarized with AI on November 5. AI used: claude-sonnet-4-5-20250929.
1

Screenshot 2024-10-07 at 15.12.58.png
Screenshot 2024-10-07 at 15.12.58.png710×314 72.2 KB

2 Likes
2

Hello @Lumify

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

.footer a.link.link--text.list-menu__item.list-menu__item--link { font-weight: bold !important; }

Tech_Coding_0-1728309297674.png
Tech_Coding_0-1728309297674.png836×286 38.6 KB

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

1 Like
3

Hi @Lumify

check this one.

From you Admin page, go to Online Store > Themes

Select the theme you want to edit

Under the Asset folder, open the main.css(base.css, style.css or theme.css)

Then place the code below at the very bottom of the file.

.footer-block__details-content {
    font-weight: 700;
}

And Save.

Result:

Made4uoRibe_0-1728311551288.png
Made4uoRibe_0-1728311551288.png616×264 26.9 KB

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

4

Hello Tech_Coding,

Many thanks. It did work. :slightly_smiling_face: