Archived topic

text and links over images

1 reply · Started by bradborland on December 5, 2016

Viewing posts 1–2 of 2

December 5, 2016 at 9:03 am #251615

How do I place text/link over images?

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

Thanks!
Brad

December 5, 2016 at 10:10 am #251640

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 :)

This archived topic is closed to new replies.

Start building better websites today.