Hello Support Team,
Can you please tell me how to centre align the text on the collection list:
Can you also tell me how to make the view all button outlined like:
not:
Thanks
STORE URL: www.faithandyou.in
Theme: refresh
Topic summary
A user seeks help customizing their Shopify collection page, specifically requesting:
Initial requests (resolved):
- Center-aligning collection list text
- Converting the “View All” button to an outlined style
Support provided CSS code to be added via Customization → Section → Custom CSS:
.card__content { text-align: center; }for text alignment.button { background: none; color: rgba(...) }for outlined button styling
Follow-up requests (pending):
- Changing a specific element’s color to black (screenshot provided)
- Removing navigation arrows from the collection interface
The discussion remains open as the user awaits solutions for the additional customization requests. All modifications involve CSS styling adjustments to the collection page layout.
Hi @AryavK ,
To make this button outline and to center the title
follow this steps:
-
Open Customization
-
Go to section
-
Go to Custom CSS
-
Paste this code
.button {
color: rgba(var(--color-button), var(--alpha-button-background));
background: none;
}
.card__content {
text-align: center;
}
- Save it and refresh your page.
Hope this code will work.
Best Regards
Team_OSC
