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

Home Forums Support Problem in section with text above background image

  • This topic has 3 replies, 2 voices, and was last updated 1 year ago by David.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #994304
    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?

    #994458
    David
    Staff
    Customer Support

    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;
    }
    #994488
    Krystian

    You are genius, thank you!

    #994502
    David
    Staff
    Customer Support
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.