# Move Elements in own HTML Container

**URL:** <https://community.gravityforms.com/t/move-elements-in-own-html-container/6870>\
**Category:** Get Help\
**Tags:** custom\
**Created:** [November 16, 2020, 8:01am UTC](https://community.gravityforms.com/t/move-elements-in-own-html-container/6870 "2020-11-16T08:01:45Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![user5a325fb04000e4.7](https://avatars.discourse-cdn.com/v4/letter/u/b19c9b/32.png) [@user5a325fb04000e4.7](https://community.gravityforms.com/u/user5a325fb04000e4.7)\
**Post date:** [November 16, 2020, 8:01am UTC](https://community.gravityforms.com/t/move-elements-in-own-html-container/6870/1 "2020-11-16T08:01:45Z")

</div>

Hi,

I am building a product configurator and it would be great if I could put certain elements like summary, the buttons or the pagination in my own HTML containers outside of the gravityforms form. Right now I have my own custom WordPress template with own HTML elements and I would like to show the pagination in the header.

Is there any way to do this with a shortcode or a hook?

I tried moving the containers with jQuery but thats not really working as expected when using ajax for multipage forms.

Thanks!

---

<div class="post-metadata">

**Author:** ![user5c0166073a6c48.6](https://sea2.discourse-cdn.com/flex020/user_avatar/community.gravityforms.com/user5c0166073a6c48.6/32/17391_2.png) [@user5c0166073a6c48.6](https://community.gravityforms.com/u/user5c0166073a6c48.6)\
**Post date:** [November 17, 2020, 2:48am UTC](https://community.gravityforms.com/t/move-elements-in-own-html-container/6870/2 "2020-11-17T02:48:27Z")

</div>

Could you make those elements fixed to the header with CSS?

---

<div class="post-metadata">

**Author:** ![user5a325fb04000e4.7](https://avatars.discourse-cdn.com/v4/letter/u/b19c9b/32.png) [@user5a325fb04000e4.7](https://community.gravityforms.com/u/user5a325fb04000e4.7)\
**Post date:** [November 18, 2020, 8:18am UTC](https://community.gravityforms.com/t/move-elements-in-own-html-container/6870/3 "2020-11-18T08:18:17Z")

</div>

I could… but it gives me way less flexibility for my layout, if you see what i mean:

 ![image](https://us1.discourse-cdn.com/flex020/uploads/gravityforms1/original/2X/1/1d029f24f7ea252fb2666558c6eed6a13fe4397a.png)

---

<div class="post-metadata">

**Author:** ![user5c0166073a6c48.6](https://sea2.discourse-cdn.com/flex020/user_avatar/community.gravityforms.com/user5c0166073a6c48.6/32/17391_2.png) [@user5c0166073a6c48.6](https://community.gravityforms.com/u/user5c0166073a6c48.6)\
**Post date:** [November 18, 2020, 6:49pm UTC](https://community.gravityforms.com/t/move-elements-in-own-html-container/6870/4 "2020-11-18T18:49:46Z")

</div>

Everything I’m seeing looks excellent.

---

<div class="post-metadata">

**Author:** ![richardw8k](https://sea2.discourse-cdn.com/flex020/user_avatar/community.gravityforms.com/richardw8k/32/2354_2.png) [@richardw8k](https://community.gravityforms.com/u/richardw8k)\
**Post date:** [January 4, 2022, 5:49pm UTC](https://community.gravityforms.com/t/move-elements-in-own-html-container/6870/5 "2022-01-04T17:49:39Z")

</div>

Closed on January 4, 2022, 5:49pm UTC