Canva IMAGE moving

Elastic Stack Kibana
1

Hello everyone, I hope you are well.
I need to define margins on my elements inside the canvas, but when I use padding, only the canvasRenderE1 modifies, I would like to move the image.

image dataurl={asset "asset-98f5c52a-1142-488f-81c6-1cb5da744de5"} mode="contain"
| render css=".canvasRenderEl{
  border: 10px;
  padding: 10px;
  margin-left: 10px;
}"
1 Like
2

Hi, did you try using transform / translate?

image dataurl={asset "asset-98f5c52a-1142-488f-81c6-1cb5da744de5"} mode="contain"
| render
containerStyle={containerStyle border="10px solid black" padding="10px"}
css="transform: translate(10px, 0);"

reference:

3

Yes, I tried, but what I really need is to move the complete ".canvasRenderEl", to leave a margin on the sides.
image

4

Hello @ifalanrocha , did you manage it? If not, could you send a screenshot of the whole screen, the code and what exactly you want to change? It might be better to have an overview to help.

5

Hello @Alex_Salgado-Elastic , yes, I still need it, the project lost priority, but I still wanted to understand how to move the whole thing, not just the image inside.

pic
pic1912×927 69.2 KB