Add a corner with text on a box

Design help General
1

Hello everyone,

On my landing page i added a box with the product details + price and in the upper right corner i would like to emphasis that it is a discount limited in time. For example, the background of the upper right corner side could be with a background in blue and the text “DISCOUNT until xxx/xxx”. See attached an example.

image%20(3)|310x469

Do you have an idea on how to do that with Webflow ? Thanks a lot for your help!

Here is my site Read-Only: https://l.lepermislibre.fr/
(how to share your site Read-Only link)

2

Hi, could you provide a Webflow read only link?

3

Give this product box a position of Relative.
Place a new div with desired size, give it a background color and position Absolute at the right upper corner. place some text inside.
Now you can add a Transform of Rotate to that div of 45 degree for the Z.

I hope this helps.

1 Like
4

Hi ! Here is my site Read-Only: https://l.lepermislibre.fr/