Okay
  Public Ticket #1515648
Readability of Text over Slide Images on Mobile
Closed

Comments

  • juliealdredcreative started the conversation

    Hi there,

    I LOVE this theme and the cleanliness of the slides. One issue that I'm running into however is the readability of text over the slide images when on mobile. I'm wondering if there's a way to add a transparent background to the text portion of the slides that would also be fully responsive, so on mobile, it serves as a barrier between the text and the slide's image.

    Thanks!

  • [deleted] replied

    Hello,

    Add this css code in the LEVELUP > General Settings > Custom CSS Code section:

    @media screen and (max-width: 768px) {
        .line.project .entry-title > a > span {
            background: rgba(255, 255, 255, 0.5);
        }
    }
    

    Change the color value to your needs.

    Regards.

  • juliealdredcreative replied

    Hello,

    Thank you for your assistance, but there appears to be a misunderstanding. I'm hoping to add that transparent background over the entire image on mobile to add readability to both the text and button areas. I apologize for any inconvenience.

    Best,

  • [deleted] replied

    Hello,

    Thank you for the clarification. Please change the previous css code to the following one:

    @media screen and (max-width: 768px) {
        .site-content.project .line {
            background: rgba(255,255,255, 0.5);
        }
    }
    

    Regards.