Clip path triangle create with custom component

updated

Not sure this was intended but I have used the text field property to write the class name in the css, this means for this example I have written the same class as I duplicated the html component
example included, again preview in safari does not show image, does in Elements so revert background colour so I could check shape

https://www.dropbox.com/scl/fo/fyr3bitg1b1rx3l1ld6s5/AGjtb6PDIKCalLj5Fa8YTtU?rlkey=x0inpsf4tvkq9vpkq2gniyqal&st=7zhb3t3i&dl=0

Image resource path is fixed in the next beta, expect it early next week!

:point_down:

1 Like

Looking forward to it

1 Like

placed 5 custom component triangles, by just duplicating the component in a page, needs some layout adjusting for the text etc when changing to mobile and when wide, but changes in Elements, images will work later this week when next beta is released, I have created circles/ovals and arrows
wow I really like Elements

https://www.dropbox.com/scl/fo/zhmjtif89qvpp5rphszn4/AH32dRDrSlxqTAWdejgBadA?rlkey=7bgqwoql7zsflscmwp3z7ww27&st=04fbn0pr&dl=0```

trying wetransfer

https://wetransfer.com/downloads/93313d9b241e9b016db82bf810b8bfbe20240805131808/11d11a
1 Like

That’s really impressive! :+1:

1 Like

still needs some work on the component

added square as well as triangle more responsive now with position control

with wetransfer are you able to save when you download? I can’t save

not sure what happens when someone else copies either one or both of the html components to their copy of Elements

https://we.tl/t-QBJNXH9hzs

updates work great from my changes, I found it difficult to create the top banner in my previous upload, this is only Elements, it was easier before update, gave up
but my components work, I think, even in the mobile menu

https://we.tl/t-AbYYN2DAQP

Looking good - works here :+1: