Badge over image

Support
#1

Is it possible to have a badge over an image? (just like the one attached)

#2

Hi there,

You may do this with the Image element then add some custom CSS to the Element CSS like this:

$el {
  position: relative;
}

$el:before {
  content: 'Best Deal';
  position: absolute;
  left: -20%;
  top: -20px;
  display: inline-block;
  color: #fff;
  background-color: #ccc;
  padding: 10px 15px;
}

Please feel free to edit the CSS code above to match your design.

Hope this helps.

#3

Many thanks @Jade , works like a charm!

#4

You’re most welcome, Adrian. :slight_smile:

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.