[Support request] text and links over images

[bradborland]

How do I place text/link over images?

As in a subscribe button over an image on a front page?

Thanks!
Brad

[Tom]

Somewhat difficult as you need to make the text/link position: absolute.

<div class="image-container">
    <img src="URL TO YOUR IMAGE" alt="" />
    <span class="image-overlay-content">
        text/link in here
    </span
</div>

Then your CSS:

.image-container {
    position: relative;
}

.image-overlay-content {
    position: absolute;
    bottom: 10px;
}

Hope this helps get you started 🙂

[Author]

Posts