Change View All button color on a featured collection

Shopify Discussion
,

Topic summary

A user seeks help changing the “View All” button color to black on a featured collection page.

Two solutions provided:

  1. BSSCommerce-TC’s approach:

    • Navigate to Online Store > Themes > Edit code
    • Open the base.css file
    • Add CSS targeting .collection__view-all a:not(.link) with background-color: black !important;
    • Includes a visual reference image

  2. WalkYourStyle’s approach:

    • Similar navigation path to base.css
    • Provides CSS targeting a specific section ID with both background and text color properties

Status: Both responses offer CSS-based solutions. The issue appears solvable through custom code injection, though confirmation of resolution is not explicitly stated.

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

Hello how can I change the color of the View All button on this featured collection to black?
URL: Collections – TrendBlend

Schermafbeelding 2024-07-12 153021.png
Schermafbeelding 2024-07-12 153021.png1919×1004 251 KB

2

Hi @TrendBlend ,

You can follow these steps

Step 1: Go to Online store > Themes > Edit code and find base.css file

Step 2: Insert below code at the end file and Save them

.collection__view-all a:not(.link) {
   background-color: black !important;
}

It would be like that:

BSSCommerceTC_0-1720792260808.png
BSSCommerceTC_0-1720792260808.png1474×620 284 KB

We’re happy to see that our suggestion helped you solve the issue. Can you kindly give us a like and mark it as a solution? This can be a reference for other merchants if they have an issue like you.

Should you need any further information, please do not hesitate to contact us by tagging directly at Community post. We will check and let you know soon.

Thanks in advance.

1 Like
3

Instructions

  1. Go to ‘Online Store’ → Themes

  2. At your Active Theme → Click on the 3 dots (…) → Edit Code

  3. In the Assets Folder, locate the file ‘base.css’

  4. At the bottom of the file paste the below code

.section-template--22615797563731__featured_collection_FeVCYQ-padding .collection__view-all .button{
   background-color: black;
   color: white;
}
1 Like