How can I style the next & previous button of multi page

Get Help
1

Hi,

I’m using Bricks Builder, I styled virtually everything of the multi-page form but the “next and previous” button. Please who can assist?

2

If you’re comfortable writing CSS, this page tells you what selectors to use: https://docs.gravityforms.com/multi-page-forms/#h-buttons

1 Like
3

Hmm,

I don’t know how to write the CSS.

Can you assist is if I give the border width and pixel?

4

Sure, I can try!

5

Border-width = 1px
Border-color = #6A767F
Background = transparent
Border-radius = 5px

6

This code should work:

body .gform_wrapper .gform_body .gform_page_footer .gform_next_button,
body .gform_wrapper .gform_body .gform_page_footer .gform_previous_button {
    border: 1px solid #6A767F;
    background-color: transparent;
    border-radius: 5px; 
}

Here’s some guidance on how to use it: https://docs.gravityforms.com/where-to-put-your-custom-css/

1 Like
7

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