Add overlay text to featured image

  • Resolved jenskastensson

    (@jenskastensson)


    7 years ago

    Hello,
    I would like to add the title of each page on top of the featured images.
    It should look like the Site Title (minus the anchor tag with href)
    Screenshot of what I would like to do: https://snag.gy/lnFQTc.jpg

    So for example on the realknx.com site:
    The first page with the colored villa, I would like to add the text
    “Meet realKNX.
    Smart Home – the easy way.”
    formatted just as the Site Title.
    The second page, with the smart speakers, the text
    “Just say ‘I’m home’.
    Do you prefer Google Assistant?”
    should appear in the lower left corner.

    I think it is better to add the text to the html and not to the image, as it will be difficult to control the look and feel on various screens.

    How can I acheive this ?

    Thanks in advance!
    Jens

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    How will you manage the text in the backend? This thread might help: https://www.ads-software.com/support/topic/use-featured-image-as-header-on-posts-pages-with-title-overlay/

    I think this is going to take a lot of time to support, which means I can’t help any further unfortunately.

    Thread Starter jenskastensson

    (@jenskastensson)

    Thank you for the link and I fully understand! I might write back when and if I get it done.

    djlest

    (@djlest)

    hi @jenskastensson
    checked out your site whilst looking for info on how to add tiitles or call to action buttons over the parralex (still looking too)

    Really like what you did to https://realknx.com
    like the b&w then color parralex effect. very artistic!
    let me know too if you find any info regarding tweaks.

    Thread Starter jenskastensson

    (@jenskastensson)

    Thanks @djlest ??
    Will keep you posted if I find a reasonable solution. It might just be a text in the image. Andrew has point, not sure how to manage the strings in the backend. The only solution I have come up with so far is to hard code the strings in php, not very elegant…
    Jens

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Add overlay text to featured image’ is closed to new replies.