# How do i customize previous, next and submit buttons together?

**URL:** <https://community.gravityforms.com/t/how-do-i-customize-previous-next-and-submit-buttons-together/10691>\
**Category:** Get Help\
**Tags:** buttons, multi-page, css\
**Created:** [September 6, 2021, 2:23am UTC](https://community.gravityforms.com/t/how-do-i-customize-previous-next-and-submit-buttons-together/10691 "2021-09-06T02:23:17Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![user611c7c135e0ce407](https://avatars.discourse-cdn.com/v4/letter/u/ea666f/32.png) [@user611c7c135e0ce407](https://community.gravityforms.com/u/user611c7c135e0ce407)\
**Post date:** [September 6, 2021, 2:23am UTC](https://community.gravityforms.com/t/how-do-i-customize-previous-next-and-submit-buttons-together/10691/1 "2021-09-06T02:23:17Z")

</div>

I am using a multi-page form and I want to make sure they are in the same line next to each other.  
I have added following CSS selectors in my CSS file but its not working for me-

`body .gform_wrapper .gform_body .gform_page_footer .gform_next_button {` `border` `: ` `1px` `solid` `red` `}`

`body .gform_wrapper .gform_body .gform_page_footer .gform_previous_button {` `border` `: ` `1px` `solid` `red` `}`

body .gform\_wrapper .gform\_body .gform\_page\_footer .gform\_button {border: 1px solid red}

i have played around with CSS to keep them all together but they are never in the center side by side. See the screenshots below

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

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

---

<div class="post-metadata">

**Author:** ![chrishajer](https://sea2.discourse-cdn.com/flex020/user_avatar/community.gravityforms.com/chrishajer/32/88_2.png) [@chrishajer](https://community.gravityforms.com/u/chrishajer)\
**Post date:** [September 7, 2021, 1:34pm UTC](https://community.gravityforms.com/t/how-do-i-customize-previous-next-and-submit-buttons-together/10691/2 "2021-09-07T13:34:03Z")

</div>

Can you share a link to the page on your site where we can see this form? Thank you.

---

<div class="post-metadata">

**Author:** ![user611c7c135e0ce407](https://avatars.discourse-cdn.com/v4/letter/u/ea666f/32.png) [@user611c7c135e0ce407](https://community.gravityforms.com/u/user611c7c135e0ce407)\
**Post date:** [September 8, 2021, 5:56am UTC](https://community.gravityforms.com/t/how-do-i-customize-previous-next-and-submit-buttons-together/10691/3 "2021-09-08T05:56:51Z")

</div>

my website is not live yet, I have created this on the draft page. so i have attached images for your reference. Hope this helps to answer my question

---

<div class="post-metadata">

**Author:** ![chrishajer](https://sea2.discourse-cdn.com/flex020/user_avatar/community.gravityforms.com/chrishajer/32/88_2.png) [@chrishajer](https://community.gravityforms.com/u/chrishajer)\
**Post date:** [September 8, 2021, 11:38am UTC](https://community.gravityforms.com/t/how-do-i-customize-previous-next-and-submit-buttons-together/10691/4 "2021-09-08T11:38:53Z")

</div>

Hello Nandita. We won’t be able to help you with the actual CSS without seeing the form on the page on your site. Please let us know when we will be able to see that. Thank you.

---

<div class="post-metadata">

**Author:** ![EliasGomez](https://sea2.discourse-cdn.com/flex020/user_avatar/community.gravityforms.com/eliasgomez/32/2717_2.png) [@EliasGomez](https://community.gravityforms.com/u/EliasGomez)\
**Post date:** [September 12, 2021, 9:00pm UTC](https://community.gravityforms.com/t/how-do-i-customize-previous-next-and-submit-buttons-together/10691/5 "2021-09-12T21:00:20Z")

</div>

Gravity Forms put the buttons in the same line by default. Try to use `display:inline-block;` for those buttons.

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex020/uploads/gravityforms1/original/2X/f/fef63f0599c45e0218c30d9f5d7ca8bff9b00189.png) [@system](https://community.gravityforms.com/u/system)\
**Post date:** [October 12, 2021, 9:00pm UTC](https://community.gravityforms.com/t/how-do-i-customize-previous-next-and-submit-buttons-together/10691/6 "2021-10-12T21:00:44Z")

</div>

Closed on October 12, 2021, 9:00pm UTC

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