All things Shopify and commerce
Hello, I need help to change the color on my buttons on my product page to color #007744, as well as the space behind the number for choosing quantity, (kvantitet). See below url for example
https://etune.se/products/bla-ljus-glasogon-gula
and the shopping cart; https://etune.se/cart
which also have white space behind where you select quantity that i wish to change to color #007744
So thankful for any kind of help!
Kindest regards
David
Solved! Go to the solution
This is an accepted solution.
Hi David,
Based on the information provided and from what I understand your problem is, I think I can help. Please note, I am not a developer. First I would suggest adjusting your colors in the theme settings.
If that does not work, you can add custom CSS to both the product page template and cart template.
Product Page Template:
1. Navigate to the product page template and add this code to the custom CSS
.quantity {
background-color: #007744;
}
*Alternatively, you can add this code to the Custom CSS in the theme settings. This change will apply to the whole theme rather than the individual page.
2. Navigate to the product page template and add this code to the custom CSS
.product-form__submit {
background-color: #007744;
}
*Alternatively, you can add this code to the Custom CSS in the theme settings. This change will apply to the whole theme rather than the individual page.
Cart Page Template:
1. Navigate to the cart page template and add this code to the custom CSS
quantity-popover, .quantity {
background: #007744;
}
*Alternatively, you can add this code to the Custom CSS in the theme settings. This change will apply to the whole theme rather than the individual page. There may be a crossover of code, however, if you placed the quantity selector code from the product page in the theme settings custom CSS.
Hopefully, that is helpful or at least a starting point. Best of luck!
This is an accepted solution.
Hi David,
Based on the information provided and from what I understand your problem is, I think I can help. Please note, I am not a developer. First I would suggest adjusting your colors in the theme settings.
If that does not work, you can add custom CSS to both the product page template and cart template.
Product Page Template:
1. Navigate to the product page template and add this code to the custom CSS
.quantity {
background-color: #007744;
}
*Alternatively, you can add this code to the Custom CSS in the theme settings. This change will apply to the whole theme rather than the individual page.
2. Navigate to the product page template and add this code to the custom CSS
.product-form__submit {
background-color: #007744;
}
*Alternatively, you can add this code to the Custom CSS in the theme settings. This change will apply to the whole theme rather than the individual page.
Cart Page Template:
1. Navigate to the cart page template and add this code to the custom CSS
quantity-popover, .quantity {
background: #007744;
}
*Alternatively, you can add this code to the Custom CSS in the theme settings. This change will apply to the whole theme rather than the individual page. There may be a crossover of code, however, if you placed the quantity selector code from the product page in the theme settings custom CSS.
Hopefully, that is helpful or at least a starting point. Best of luck!
Wow, thank you Steve, this worked like magic, I can't thank you enough. I wish you the best of weekends, you have earned it!
Good cheers
David
Happy to help! Enjoy your weekend as well. Cheers.
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