Shopify themes, liquid, logos, and UX
I would like the images to be there, and everything else completely white with the add to cart buttons the same as the original home page colour button and design.
Having troubles with this, I have tried using different schemes though can not get it right.
Hello @jeffreym
Please provide the url of your website.
Hi @jeffreym
Can you please share your store URL
Hello @jeffreym
would you like to share your store URL and password if any please.
so i can check and provide you possible solution for your question.
Hi @jeffreym,
Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code
Step 2: Search file theme.liquid
Step 3: Insert this code above </head> tag:
<style>
.quick-add__submit.button span, .quick-add__submit.button {
color: white !important;
}
.quick-add__submit.button:after, .quick-add__submit.button:hover:after {
box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgb(249 249 249), 0 0 0 var(--buttons-border-width) rgba(var(--color-button), var(--alpha-button-background)) !important;
}
</style>
Here is result:
Hope this can help you,
If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍
Sale banner, pop ups: Customize your sale banner, pop-ups and create countdown bar to boost conversion rate.
Simicart: Transform your Shopify store into a stunning and fully functional mobile app with just a few simple steps.
Product Labels & Badges: Get more sales with striking labels, badges, and banners from our 10,000+ available templates.
BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now
I am trying to make the buttons completely gold, with white text. Can you help me with this?
I dont want any blue colouring in the background, just clean white with a gold button/white text
Hello @jeffreym
Go to online store ---------> themes --------------> actions ------> edit code------->assets-----> component-card.css ---> line number 338
search this code
.card--card.card--media>.card__content {
margin-top: calc(0rem - var(--image-padding));
}
and replace with this code.
.card--card.card--media>.card__content {
margin-top: calc(0rem - var(--image-padding));
background: white !important;
}
and the result will be
If this was helpful, hit the like button and mark the job as completed.
Thanks
Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025Unlock the potential of marketing on your business growth with Shopify Academy's late...
By Shopify Mar 12, 2025Learn how to increase conversion rates in every stage of the customer journey by enroll...
By Shopify Mar 5, 2025