Shopify themes, liquid, logos, and UX
Hey! I've been trying to change the text & button colors of product information page to make it match the rest of my store, but I can't seem to find the answer.
Here's the link https://fibrabuena.cl/products/camisa-brotherhood
As you can see, the product title, buy button, etc, is following the original colors and the side menu doesn't offer the option to select color scheme.
Hello @constantinwp 👋
To change the product page's title and button, in Shopify Admin, go to Edit theme code, open file base.css and add this code at the bottom
.product__title h1 {
color: #FF0000;
}
.shopify-payment-button__button {
background-color: #FF0000;
}
The result
Make sure to change the color value as you need.
Thank you! And how do I change the remaining items that keep being black on your picture? I would like to change them all
There are several items in the picture. Can you tell exactly what you want to change?
Changing them all is not a good idea.
Hi @constantinwp ,
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file theme.liquid
Step 3: Paste the below code at the bottom of the file -> Save
<style>
#MainContent product-info{
--color-foreground: 73,71,55;
}
</style>
Hope my solution works perfectly for you!
Best regards,
Oliver | PageFly
Please let me know if it works by giving it a Like or marking it as a solution!
PageFly - #1 Page Builder for Shopify merchants.
All features are available from Free plan. Live Chat Support is available 24/7.
Hey! It works on some elements, but the buy button is still black
you can try
<style>
#MainContent product-info{
--color-foreground: 73,71,55;
--color-button-text: 73,71,55;
}
</style>
Please let me know if it works by giving it a Like or marking it as a solution!
PageFly - #1 Page Builder for Shopify merchants.
All features are available from Free plan. Live Chat Support is available 24/7.
Starting a B2B store is a big undertaking that requires careful planning and execution. W...
By JasonH Sep 23, 2024By investing 30 minutes of your time, you can unlock the potential for increased sales,...
By Jacqui Sep 11, 2024We appreciate the diverse ways you participate in and engage with the Shopify Communi...
By JasonH Sep 9, 2024