# Canva IMAGE moving

**URL:** <https://discuss.elastic.co/t/canva-image-moving/332339>\
**Category:** Kibana\
**Tags:** canvas\
**Created:** [May 2, 2023, 7:04pm UTC](https://discuss.elastic.co/t/canva-image-moving/332339 "2023-05-02T19:04:02Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![ifalanrocha](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/ifalanrocha/32/117841_2.png) [@ifalanrocha](https://discuss.elastic.co/u/ifalanrocha)\
**Post date:** [May 2, 2023, 7:04pm UTC](https://discuss.elastic.co/t/canva-image-moving/332339/1 "2023-05-02T19:04:02Z")

</div>

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.

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

```

---

<div class="post-metadata">

**Author:** ![Alex\_Salgado-Elastic](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/alex_salgado-elastic/32/103081_2.png) [@Alex\_Salgado-Elastic](https://discuss.elastic.co/u/Alex_Salgado-Elastic)\
**Post date:** [May 3, 2023, 6:20pm UTC](https://discuss.elastic.co/t/canva-image-moving/332339/2 "2023-05-03T18:20:13Z")

</div>

> [@ifalanrocha](#):
>
> ```auto
> 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](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/translate)**
>
> The translate() CSS function repositions an element in the horizontal and/or vertical
> directions. Its result is a data type.

---

<div class="post-metadata">

**Author:** ![ifalanrocha](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/ifalanrocha/32/117841_2.png) [@ifalanrocha](https://discuss.elastic.co/u/ifalanrocha)\
**Post date:** [May 5, 2023, 5:01pm UTC](https://discuss.elastic.co/t/canva-image-moving/332339/3 "2023-05-05T17:01:48Z")

</div>

Yes, I tried, but what I really need is to move the complete ".canvasRenderEl", to leave a margin on the sides.  
 ![image](https://us1.discourse-cdn.com/elastic/original/3X/2/a/2ad6fa4dc5afce69b79ac41435cfcbc4be967de4.png)

---

<div class="post-metadata">

**Author:** ![Alex\_Salgado-Elastic](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/alex_salgado-elastic/32/103081_2.png) [@Alex\_Salgado-Elastic](https://discuss.elastic.co/u/Alex_Salgado-Elastic)\
**Post date:** [May 18, 2023, 2:51pm UTC](https://discuss.elastic.co/t/canva-image-moving/332339/4 "2023-05-18T14:51:59Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![ifalanrocha](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/ifalanrocha/32/117841_2.png) [@ifalanrocha](https://discuss.elastic.co/u/ifalanrocha)\
**Post date:** [June 2, 2023, 8:45pm UTC](https://discuss.elastic.co/t/canva-image-moving/332339/5 "2023-06-02T20:45:35Z")

</div>

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](https://us1.discourse-cdn.com/elastic/original/3X/0/1/015106a50ac58a4afb09f9be220296ccbc6dbda7.png)

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/elastic/original/3X/1/a/1ac57faf039f6b580b3f104ef42a2a89e41014de.png) [@system](https://discuss.elastic.co/u/system)\
**Post date:** [June 30, 2023, 8:46pm UTC](https://discuss.elastic.co/t/canva-image-moving/332339/6 "2023-06-30T20:46:08Z")

</div>

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