Footer menu bold

Store Design

Topic summary

A user wants to make footer menu items (like “Contact Us”) more prominent and bold to match other footer text styling.

Two solutions were provided:

  1. AnneLuo’s approach: Add custom CSS code to the section-footer.css file via Theme → Edit Code. A screenshot shows the specific CSS modification needed.

  2. PageFly-Richard’s approach: Insert code into theme.liquid file above the </head> tag. Detailed steps provided:

    • Navigate to Online Stores → Themes → More Actions → Edit code
    • Locate theme.liquid and paste the markup code above </head>

Both responders included screenshots demonstrating their solutions. The issue appears solvable through CSS customization, with two different implementation methods offered.

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

i want to make the contact us etc menu more promiment and bold like the other text in the footer menu please check attached picture:

Screenshot 2024-04-03 020805.png
Screenshot 2024-04-03 020805.png958×357 158 KB

2

Hello, @amnaaaaa

You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the section-footer.css file and add the following code here

AnneLuo_0-1712103602218.png
AnneLuo_0-1712103602218.png1093×700 49.6 KB

After modification, it will meet your needs.

AnneLuo_1-1712103686908.png
AnneLuo_1-1712103686908.png830×387 97.8 KB

Hopefully it will help you. If yes then Please don’t forget hit Like and Mark it as solution!

3

Hi @amnaaaaa

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the

PageFlyRichard_0-1712105830306.png
PageFlyRichard_0-1712105830306.png1417×953 167 KB

Hope this can help you solve the issue

Best regards,

Richard | PageFly