How can I make this black line white??? SAHARA theme

Store Design
,

Topic summary

Issue: Change a black border line in the footer to white in the SAHARA theme without affecting borders on other pages (e.g., size guide, email inputs).

Solution provided:

  • In Shopify Admin: Online Store → Themes → Actions → Edit code.
  • Open Assets and edit your main CSS file (base.css, style.css, or theme.css).
  • Add this rule at the bottom to target only the footer section:
    .footer__links-mobile-item { border-color: #fff !important; }
  • Save changes.

Notes:

  • This targets a specific footer element, avoiding global border changes that impact other pages.
  • Visual confirmation was shared via a screenshot; images support the result but are not required to apply the fix.

Outcome: The fix worked for the requester. Status: Resolved.

Summarized with AI on December 14. AI used: gpt-5.
1

How can I change the colour to white? When I edit the colour for ‘borders’ it turns white but other pages such as my size guide and email input borders turn white too. How can I only change it for the footer? Please help

Screen Shot 2024-11-19 at 4.09.18 PM.png
Screen Shot 2024-11-19 at 4.09.18 PM.png617×475 20.8 KB

1 Like
2

Hi @mayatranquila

Try this one.

  1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  3. In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
.footer__links-mobile-item {
    border-color: #fff !important;
}

Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better!

1 Like
3

That worked, thank you so much!