Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • December 14, 2021 at 9:00 am #1332721
    tinohannes

    Hey there,

    I want to do give my avia caption title + the sub text on the slider (https://www.stadtkyll-ferienwohnung.de/pension/) the following color, but also with transparency:

    Font: #edeae5
    Background: #007400

    And is there a chance to get the overlay smaller in mobile? Since it’s good on desktop, but in mobile it’s too big and you can’t see the picture anymore.

    Thank you very much.

    All the best,
    Tino

    December 15, 2021 at 7:36 am #1332876
    Ismael

    Hey tinohannes,

    Thank you for the inquiry.

    Try to use this css code to adjust the transparency of the background color.

    .avia-caption-title {
    background: #007400A3 !important;
    color: #edeae5 !important;
}

    We just appended A3 to the hex value, which is equivalent to 64% transparency. You can use this guide to adjust the transparency value.

    // https://gist.github.com/lopspower/03fb1cc0ac9f32ef38f4

    Best regards,
    Ismael

    December 15, 2021 at 9:18 am #1332907
    tinohannes

    Hey Ismael,

    perfekt, that did the trick.

    And thank you very much for that useful cheat!

    All the best,
    Tino

    December 16, 2021 at 8:39 am #1333039
    Rikard

    Hi Tino,

    Great, I’m glad that Ismael could help you out. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    December 16, 2021 at 4:41 pm #1333150
    tinohannes

    Hey Rikard,

    can be closed, thank you.

    All the best,
    Tino

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Avia caption title and sub title background colored with transparency’ is closed to new replies.