Jump to content

How add .png on top of image

Recommended Posts

Hi,

Can anyone help please? What's the best way to add a .png image with transparency on top of an image? It's an inline image, not in a summary block or carousel. It seems that none of the image options (inline, stack etc) allow an overlay image though.

The png I'm trying to layer on top is a graphic from my client of 2 fancy coloured script fonts with transparent background. I'd rather add it as an overlay than save it direct to the image for responsive purposes.

Can anyone help please?

So far I can only add it if the image underneath is a background to a whole section. It really doesn't warrant being that big.

I've seen a tutorial for this as hover with CSS. But thought there must be a more straightforward way 🙂 Thanks!

Link to comment
  • Replies 1
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.