Shopify themes, liquid, logos, and UX
To change the background color of your "Shop Now" button to #C466EE in Shopify, follow these steps:
Hello @lucas_11
You can try this code: it will be helpful to you
Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.
a.button.button--secondary {
background: #C466EE !important;
}
It's a button on my header that says shop. Here is an image and I highlighted where I want the button to have the background. The code you gave changed the button color on my banner image.
Hello @lucas_11
You can try this code: it will be helpful to you
Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.
li:nth-child(2) {
background: #C466EE;
}
thanks for helping could you add a corner radius to it please.
I would like it to look like this
Hello @lucas_11
You can try this code: it will be helpful to you
Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.
li:nth-child(2) {
border-radius: 18px !important;
}
Hello @lucas_11
If the solution is helpful to you please like and accept my posts.
Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025Discover opportunities to improve SEO with new guidance available from Shopify’s growth...
By Jacqui May 1, 2025