Home>Support>Headline Color ( I want the text sentence to use multiple color

Headline Color ( I want the text sentence to use multiple color

By tyoungbauer, 7 years ago. Last reply by Alex S, 6 years ago.
Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

I am using Headlines alot and I see I can modify the color. Can I have a headline that is all black except the last word? I don’t see a way to have 2 colors or the html to code it?

For example

This is a test

“”This is a”” all in black and
“test” is all red.

Thanks
Todd

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 6 years, 11 months ago Alex S
    Hi, I Work Here

    Hi Tyoungbauer

    You can do this with some custom CSS. Please open your SiteOrigin Headline widget and wrap the text you want to be a different color in a span. For example:

    Normal Color <span>different color</span>

    Head over to the widget styles sidebar and open the Attributes settings group. Set the Widget Class to headline-span_color and save.

    If you navigate to AppearanceCustom CSS, you’ll get our custom CSS editor. Add (and adjust) the following CSS as desired:

    .headline-span_color span {
	color: #0f0;
}

    How does that look? Adjust the color as desired.

    You might also need to install the SiteOrigin CSS Editor.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More