[Support request] Problem in section with text above background image

[Krystian]

Hello, I have background image in section as a photo. I put some text above image and make white border around text for better display. Everything work well on wide screen but on mobile text border starts to cover itself.

Here is ma css:
.tlo h1 span, h2 span, h3 span {
padding-top: 10px;
padding-right: 15px;
padding-bottom: 10px;
padding-left: 15px;
border-radius: 10px;
opacity: 0.8;
}

Could you tell me better solution for it? or how to fix border on mobile?

[David]

Hi there,

try this CSS:

.tlo h1 span,
h2 span,
h3 span {
    padding-top: 10px;
    padding-right: 15px;
    padding-bottom: 10px;
    padding-left: 15px;
    border-radius: 10px;
    opacity: 0.8;
    line-height: 2.2;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
}

[Krystian]

You are genius, thank you!

[David]

You’re welcome

[Author]

Posts