Canva IMAGE moving

[ifalanrocha (Alan Rocha)]

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;
}"

[Alex_Salgado-Elastic (Alex Salgado)]

@ifalanrocha

  border: 10px;
  padding: 10px;
  margin-left: 10px;

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:

translate() - CSS: Cascading Style Sheets | MDN

[ifalanrocha (Alan Rocha)]

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

[Alex_Salgado-Elastic (Alex Salgado)]

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.

[ifalanrocha (Alan Rocha)]

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.