Image accordion text shadow

  • Resolved John Mulder

    (@john-mulder)


    5 years, 7 months ago

    I think it would be a very welcome addition if you could include the possibility to give the text a shadow. Text in front of a picture is in my opinion only readable in all cases when a white font (stand out on darker pictures) and a grey/black shadow (stand out in lighter pictures) is used. This can be done with additional CSS, but that is extra work that could be avoided.

    Thanks,
    John

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support Abid Hasan

    (@abidhasan112)

    5 years, 7 months ago

    Hi @john-mulder ,

    Thank you for your awesome suggestion for adding the text-shadow option of the Texts of Image Accordion widget.
    For the darker image, You can also add/control the overlay color setting from here: https://d.pr/i/tXx5GG

    This will help you to visible your brighter text aswell.

    And for now, I’m giving you a custom CSS if you want to add the text-shadow in the Image Accordion texts:

    .eael-img-accordion .overlay-inner {
    text-shadow: 2px 2px 2px #ffffff;
}

    Change the value of 2px as per as your requirement.

    Thanks!

    Thread Starter John Mulder

    (@john-mulder)

    5 years, 7 months ago

    Hi Abid,

    Thanks for the CSS. I do not think i will use your workaround.
    Indeed an overlay will make the text stand out, however people who hover or click on an image do that because they want to see more detail and using an overlay will obscure the image and take away detail. Counterproductive to what i would like to achieve. Meanwhile the CSS will help me.

    Thanks again,
    John

    Plugin Support Abid Hasan

    (@abidhasan112)

    5 years, 7 months ago

    I understand @john-mulder 🙂
    Hope for now, CSS will help you to achieve your requirement.

    Thanks!

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Image accordion text shadow’ is closed to new replies.