A user wants to display their collections as styled buttons (similar to category buttons) on their Shopify store using the Refresh theme.
Initial Request:
Proposed Solutions:
A support representative provided CSS code to add to the base.css file, including:
Clarification:
The user clarified they specifically want the Collections section styled as buttons, not the menu navigation links. The initial CSS solution appears to have targeted menu items rather than the collections display.
Status: The discussion remains open, as the provided solution doesn’t match the user’s specific requirement for collection button styling.
Hi,
Kindly assist. My site is at afrinames .co .za
I would like to display my collections (which act as categories) like buttons in the below example:
Please let me know if this is possible and how I can achieve it?
I am using Refresh theme.
Thank you.
Hello, if you want to do that, please follow these instructions:
Go to your Shopify admin page and select Sale channels, then select Online Store
Here you select Themes and find the theme you are using, select Edit code
ul.list-menu.list-menu--inline li{
margin-right: 10px;
background-color: #2f2a6e;
border-radius: 25px;
}
ul.list-menu.list-menu--inline li:hover {
opacity: 0.6;
}
Result:
Hope it helps @PBarnard
Hi,
You can add the following CSS to the global CSS file in Edit code:
#menu-drawer .list-social form.shopify-currency-form {
position: absolute;
}
#menu-drawer .list-social form.shopify-currency-form select {
color: #9D9898;
}
I tried them and they are exactly what you want.
Thanks, but I dont want the Menu links turned to buttons, I want the “Collections” turned to buttons.
