Background colour for text only

[davidpap]

Hi! I wonder how I can make a background colour that only covers the text that is written, and not the full text box? Just like on your front-page, where the headline text got a white background behind the text only "Lay Theme, A WordPress Theme
for Creative Websites". So its like a highlight of the text only, not the full text box.

[reinterpret]

CSS with display:table should do it.

Like:
.yourclass{Display:table; background-Color:#0000ff}

You can also do it inline with for example <span style= “ Display:table; background-Color:#0000ff;“>your text</span>

[reinterpret]

But with span you can also give it a background Color without table

[reinterpret]

Or to Header class like H1, H2 …

[arminunruh]

Yeah, I used display inline and a background color.

Right-click your text element in the Gridder and choose Set HTML Class and ID.

As HTML class add:

mybg

Enter this css in "lay options" -> "custom css & html" -> "custom css"

.mybg p{
display: inline;
background-color: green;
}

Make sure to turn off the background color that you set in the gridder for the text box as this will not work with that one.