Change a tabs color

Store Design
,

Topic summary

A user seeks help changing the color of navigation tabs at the top of their shop, specifically wanting to modify the “Shop Now” tab and other menu items like “Home,” “Contact Us,” and “Track Order.”

Proposed Solution:

  • PageFly support (Henry) provides CSS code to target and change tab colors
  • Instructions involve:
    1. Navigating to Online Store → Theme → Edit code
    2. Locating the base CSS file
    3. Adding custom CSS at the bottom: ul.list-menu li:nth-child(2) a { color: red !important; }

Alternative Approach:

  • Another respondent (ZestardTech) requests the store URL and password to provide a tailored solution after reviewing the specific setup

The discussion remains open, awaiting confirmation of whether the CSS solution worked or if the user will share store access for further assistance.

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

So i wanted to change a tabs color on top of my shop:

Home - Shop Now - Track Order - Contact Us

Something like above!

Thanks! Im using the Dawn theme.

1 Like
2

Hi @nyvek221

This is Henry from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file → Save

ul.list-menu li:nth-child(2) a {

color: red !important;

}

Hope that my solution works for you.

Best regards,

Henry | PageFly

3

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.