How to Black outline Collection page button

Topic summary

A user seeks help changing the outline color of a “VIEW ALL” button on their Shopify collection page from blue to black. They are using the Refresh theme and provide a screenshot showing the current blue-outlined button.

Solution Provided:

A PageFly representative offers a CSS-based fix:

  • Navigate to: Online Stores > Themes > More Actions > Edit code
  • Open the theme.liquid file
  • Add custom CSS code above the </head> tag to override the button’s outline color

Status: The solution appears complete with step-by-step instructions, though the actual CSS code snippet in the response is partially obscured or corrupted in the formatting. The user would need to implement the provided code to resolve the styling issue.

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

how to make VIEW ALL button black instead of blue

pls help

STORE URL: www.faithandyou.in

Theme: refresh

thanks

Hi @AryavK

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


Hope this can help you solve the issue

Best regards,

Richard | PageFly