Goal: Change the Collection List “View all” button styling in the Shopify Refresh theme from blue to a black outlined button to better match the store design.
Solution provided: Edit base.css around the .button selector (approx. line 1250). Add CSS that overrides the theme’s default button styles to produce a black text and border outline.
Key CSS overrides added:
Result: The button displays with black text and a clear black border (confirmed via screenshot). The store owner confirmed the change works and expressed satisfaction.
Status: Resolved. No further questions or disagreements; no additional actions requested.
Hi Support Team,
STORE URL: www.faithandyou.in
THEME: refresh
Pls change my collection list view all button from blue to black, it does not fit into my store.
and do not reply @florenceharry
you talk so rudely,
can a real shopify expert help me out with this
Thanks!
Inside your file called base.css on line 1250 add the following code:
color: black !important;
--border-offset: none !important;
border: 3px solid #000 !important;
The code should look something like this:
.button,
.shopify-challenge__button,
.customer button {
display: inline-flex;
justify-content: center;
align-items: center;
border: 0;
padding: 0 3rem;
cursor: pointer;
font: inherit;
font-size: 1.5rem;
text-decoration: none;
color: rgb(var(--color-button-text));
transition: box-shadow var(--duration-short) ease;
-webkit-appearance: none;
appearance: none;
background-color: rgba(var(--color-button), var(--alpha-button-background));
color: black !important;
--border-offset: none !important;
border: 3px solid #000 !important;
}
Result:
you are the goated G 
YOU ARE BETTER than everyone
thanks bro,
you are the best
