Docs

[targa2]

Every time I use the [highlight] function to markup text the background defaults to a particular colour. Is this being pulled from some global CSS setting and if so , how do I access and change that setting?

[Prasant Rai]

Hello There,

Thanks for writing in!

You can add this under Custom > CSS in the Customizer to change background color:

mark.x-highlight {
    background-color: #ddd !important;
}

If you would like to remove the background color, please use following CSS instead:

mark.x-highlight {
    background-color: transparent !important;
}

Thanks.

[targa2]

I’ll try that. Thanks

[targa2]

Yes. That worked. So tell me this. If I wanted to do the same for all “content band” short codes I would just replace “highlight” with “content band” in that same CSS code?

[Thai]

Hi There,

In that case, please try with this:

.x-content-band {
    background-color: #ddd !important;
}

Hope it helps 🙂

[Author]

Posts