How to change the text color in your widget

IMPORTANT: This article applies to our old Widget product, which will be phased out during 2020 in favor of our new and improved widget tool Onsite Campaigns. Read more, and learn about the Onsite Campaign Product here.

Change all the text

Open the Appearance section in the editor of the widget you want to edit. 
Click on Text color and go to Font color. Select your color by using the wheel, or entering a hex-code.
This will change the color of all the text in the widget.
Don't forget to publish your changes!

Change a part of the text

If you only want to change the color of the headline, or maybe just a single word - you need to do some coding in the source code. But don't worry, it's very simple to copy-paste if you're not a code-guru.

Open the Content section in the editor of the widget you want to edit. 
Click on the source code button in the intro text field (pink arrow). 
In the p-element belonging to the part of the text you want to edit, add the code style="color:#ff0000" (for red text). Or, in this screenshot, where the color-code is already there, just change the hex-code to the color you want. If you only want to change a single word, simply wrap it with a span-element:
<span style="color:#ff0000">word</span>
Did this answer your question? Thanks for the feedback! Please reach out to [email protected] if there's anything you'd like to add. There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us