Streaming live at 10am (PST)

[Solved] How to add background text color?

Hey guys, would somebody teach me how to add a background color to the text, like in this images?

My research pointed that I should use a span, but I don’t even know how to actually implement it.

Regards,
Diogo Faim

1 Like

Hi DiogoFaim,

just apply a class to your text, headline a.s.o.

Then change the “display setting” to inline block.

After that just apply a background-color to that class, and voila …
(with the help of padding you can add some space between the font and the background boundaries.

IMG:

Cheers
Daniel

2 Likes

Hi Daniel, thanks for the fast reply.

I tried what you said but the background color extended after the text finished. The desired result came with the display setting “inline”. But by doing so, I lost control over the text padding and margin, which began to show some weird results. The solution was to use the text container’s padding options instead.

Here’s what I got:

Really appreciate your help, wouldn’t manage that by myself.

Cheers,
Diogo Faim

1 Like

Could you please provide a public link?