Conversational forms - styling buttons

Get Help
,
1

I’ve managed to style pretty much all of the conversational form to match my site style, but I’m struggling with the buttons. The next/back and the button on the welcome page, I just can’t seem to pinpoint the CSS for padding/font/corner radius. Can anyone point me in the right direction?

2

You can try this:

//welcome screen button
button.gform-conversational__nav-button.gform-conversational__nav-button--welcome.gform-button.gform-theme-button--size-xl.active {
    padding: 25px 50px;
    font-size: 50px;
    border-radius: 15px;
}

//continue button
.gform-conversational__field-footer button {
    padding: 25px 50px !important;
    font-size: 50px !important;
    border-radius: 15px !important;
}

//navigation buttons
.gform-conversational__nav-buttons button {
    padding: 10px !important;
    border-radius: 0 !important;
}

Where to put custom CSS: https://docs.gravityforms.com/where-to-put-your-custom-css/

1 Like
3

Hi Chris, thanks for the CSS. That all works perfectly apart from the height padding which doesn’t seem to change at all. Would that be set by another element?

4

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