I have this issue where for every product the price is in white, which file is this controlled in so I can change it to black?
https://kosterstaphorst.nl/products/universele-robot-e-serie-ur5
Topic summary
A user is experiencing an issue where product prices display in white text on their Shopify store using the Ella theme, making them difficult to read. They need to change the price color to black.
Proposed Solutions:
Three community members offered CSS-based fixes:
-
Solution 1: Add CSS targeting
span.price-itemwithcolor: #000 !important;to the end of the base.css file -
Solution 2: Insert a
<style>block in theme.liquid file above the</body>tag with similar color styling -
Solution 3: Add CSS targeting
.money-subtotalclass withcolor: #000;to base.css
All solutions involve modifying theme files through the Shopify admin panel (Online Store > Themes > Edit Code) and applying black color (#000) to price elements. The discussion remains open as the original poster has not confirmed which solution resolved their issue.
1 Like
@AndreNL - please add this css to the very end of your base.css file and check
span.price-item {color: #000 !important;}
Hey @AndreNL
Follow these Steps:
-
Go to Online Store
-
Edit Code
-
Find theme.liquid file
-
Add the following code in the bottom of the file above tag
RESULT:
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Hi @AndreNL
- In your Shopify Admin go to online store > themes > actions > edit code
- Find Asset > base.css and paste this at the bottom of the file:
.money-subtotal {
color: #000;
}
