Shopify themes, liquid, logos, and UX
How can I change the ''Checkout'', ''View Cart'' text color and outline color of the box to gold just like the picture above and the ''Continue Shopping'' at the bottom to gold too ?
Solved! Go to the solution
This is an accepted solution.
Hi @MoggedTeams
This is Richard from PageFly - Shopify Page Builder App
Please add this code to your theme.liquid above the </head> to get this solved
Step 1: Online Stores > Themes > More Actions > Edit code
Step 2: click on theme.liquid and paste the code above the </head>
<style>
a#cart-notification-button, #cart-notification-form button {
color: gold;
border-color: gold;
border: 1px solid gold;
background: transparent;
}
a#cart-notification-button::before,a#cart-notification-button::after,#cart-notification-form button::after {
display: none !important;
}
</style>
Hope this can help you solve the issue
Best regards,
Richard | PageFly
Please let me know if it works by giving it a Like or marking it as a solution!
➜ Optimize your Shopify store with PageFly Page Builder (Free plan available)
All features are available from Free plan. Live Chat Support is available 24/7.
This is an accepted solution.
Hi @MoggedTeams
This is Richard from PageFly - Shopify Page Builder App
Please add this code to your theme.liquid above the </head> to get this solved
Step 1: Online Stores > Themes > More Actions > Edit code
Step 2: click on theme.liquid and paste the code above the </head>
<style>
a#cart-notification-button, #cart-notification-form button {
color: gold;
border-color: gold;
border: 1px solid gold;
background: transparent;
}
a#cart-notification-button::before,a#cart-notification-button::after,#cart-notification-form button::after {
display: none !important;
}
</style>
Hope this can help you solve the issue
Best regards,
Richard | PageFly
Please let me know if it works by giving it a Like or marking it as a solution!
➜ Optimize your Shopify store with PageFly Page Builder (Free plan available)
All features are available from Free plan. Live Chat Support is available 24/7.
Everything is good, except the ''Continue Shopping'' at the end of the box !
You can replace the code added above with this new one, i included the continue shopping button in.
<style>
a#cart-notification-button, #cart-notification-form button {
color: gold;
border-color: gold;
border: 1px solid gold;
background: transparent;
}
.cart-notification__links > button {
color: gold;
}
a#cart-notification-button::before,a#cart-notification-button::after,#cart-notification-form button::after {
display: none !important;
}
</style>
Please let me know if it works by giving it a Like or marking it as a solution!
➜ Optimize your Shopify store with PageFly Page Builder (Free plan available)
All features are available from Free plan. Live Chat Support is available 24/7.
Hey Community! As the holiday season unfolds, we want to extend heartfelt thanks to a...
By JasonH Dec 6, 2024Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024