Text Typer Widget

Using this I have managed to give the typer text a solid background:

^<h1 style=“background-color:#ec297b;”> encouraging community ownership </h1>
^<h1 style=“background-color:#8bc53f;”> encouraging participation </h1>

Is there any way to give the static text a solid background too in CSS?


It’s not actually possible directly but depending on your content there might be a way. Can you post a link where I can see your widget?


Something like this:

.typed-wrapper::after {
    content: '';
    width: 70%;
    height: 45%;
    background: red;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
.typed-wrapper {
    position: relative;

It’s far from ideal currently but I can change something in the next update to make this easy to do.

Thanks Vlad!