Archived topic

Problem in section with text above background image

3 replies · Started by Krystian on August 26, 2019

Viewing posts 1–4 of 4

August 26, 2019 at 11:42 pm #994304

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?

August 27, 2019 at 5:08 am #994458

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;
}

August 27, 2019 at 5:51 am #994488

You are genius, thank you!

August 27, 2019 at 6:13 am #994502

You're welcome

This archived topic is closed to new replies.

Start building better websites today.