Want to change the background color of view all button on featured collection

Topic summary

Goal: change the “View all” button background in the Featured Collection to color #b9749e.

Context and access: Helpers requested the store URL and password to inspect. The store URL (thoughtbox.pk) was provided; no password shared.

Proposed fixes (via CSS in the theme):

  • Generic approach: add CSS in Assets > base.css to style .center .button (example given used red with !important, which is broad and not the requested color).
  • Targeted solution: in Shopify Admin > Online Store > Themes > Edit code > Assets > base.css, add a rule for .center.collection__view-all a.button with background-color: #b9749e to style specifically the Featured Collection’s “View all” button. A screenshot was included. Code snippets are central to the fix.

Notes: base.css is the theme’s stylesheet; the CSS selector targets the “View all” link inside the Featured Collection section.

Outcome/status: No confirmation from the requester that the change worked; discussion remains open.

Summarized with AI on January 23. AI used: gpt-5.

i have tried other solutions for the related topic but none of them worked for me

the color i want is #b9749e

1 Like

Hello There,

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

Hello @amnaaaaa

Please provide your store URL and, if it is password protected, please share the password so I can review it and provide a solution.

www.thoughtbox.pk

www.thoughtbox.pk

1 Like

Hello @amnaaaaa

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.

.center .button {
    background: red !important;
}

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > base.css and paste this at the bottom of the file:
.center.collection__view-all a.button {
background-color: #b9749e;
}