zkusila jsem to udělat podle návodu na netu, do custom css jsem dala toto:

.bg-text {
background-color: #fff;
overflow: hidden;
padding: 20px 20px 100px 20px;
position: relative;
width: 400px;
}
.bg-text::after {
color: #000;
content: attr(data-bg-text);
display: block;
font-size: 40px;
line-height: 1;
position: absolute;
bottom: -15px;
right: 10px;
}

a do příslušné stránky s textem jsem dala toto níže a zobrazuje se to jako v příloze na obrázku (zobrazuje jen kus textu a ještě k tomu se ten text nedá kopírovat) tohle jsem udělala i s celým textem na stránce a vše se mi slilo do nějakého strašného velkého obdélníku, kde se mi tam přidali informace z patičky

<div class=”bg-text” data-bg-text=”text text text”>
</div>

Ještě doplním k tomu pravému sidebaru, ono mi to vypisuje menu, které mám v tom pravém sidebaru od úplného hořejška a tam já mám obrázek a pak menu a poté teprve by měl začít vypisovat položky naházené do sidebaru, tak jsem změnila kód top: na 330px; jenže sidebar se tím celý posunuje dolů a leze až přes patičku viz obrázek

#content-sidebar {
position: absolute;
right: 0px;
height: 100%;
top: 330px;
background-color: #0e0148;
}