I’m using Dawn and noticed my Product Description text is in two colors, unintentionally. Since I chose only one Color Scheme from the Theme Settings, I am not sure why it is happening. My product page link: https://www.genandclaire.com/products/alien-here-for-the-coffee-tote. Thanks in advance!!
This is Noah from PageFly - Shopify Page Builder App
The reason is that the add structure is used to highlight the content if you want to change the color and font-size. You can use the code below:
Step 1**:** Online Stores > Themes > Edit code
Step 2**:** Choose file theme.liquid,
Step 3: Add code above the tag
Hope my solution will help you resolve the issue.
Best regards,
Noah | PageFly
Iam sorry, before you add the code you need to remove the spaces between (.) and (product__description) to get the correct css structure. Thank you.
This happens because your product description has colours set on some text areas.
This could have been set in product description editor or transferred when doing copy/paste from somewhere else.
Theme and Color scheme set default colour for product description, but this explicitly set colour takes priority.
The suggestion by @PageFly-Noah is reasonable, but nowadays I prefer not to edit theme code (this will lead to being unable to update to a newer version of the theme) and rather use the brilliant “Custom CSS” in section settings.
In your case I’d rather use this rule to force the selected color scheme (and default font size):
.rte * {
color: inherit !important;
font-size: inherit !important;
}
Alternatively, depending on the number of products you may consider to rather update your product descriptions – select the text in question, click 3-dot button and then “Clear formatting”:
1 Like
Thank you for your support!
1 Like
Thanks for your input. I appreciate you!
I’ll try it later today when I’m able.
Clearing the formatting was an easy fix, thank you! For some reason, I missed the option when looking at the toolbox.
Thanks!!
1 Like