Problem with text overlay

If you use multiple elements with “Extra Text”, the elements may overlap. See the screenshot with the problem.

The problem solves by adding the following CSS code:


.sm-list .sm-item:nth-child(1) {
    z-index: 99;
}
.sm-list .sm-item:nth-child(2) {
     z-index: 98;
}
.sm-list .sm-item:nth-child(3) {
    z-index: 97;
}
.sm-list .sm-item:nth-child(4) {
    z-index: 96;
}
.sm-list .sm-item:nth-child(5) {
    z-index: 95;
}

– In the site dashboard:
– Go to the page ‘Appearance’->’Customize’
– Click ‘Additional CSS’
– Add CSS code
– Click ‘Published’