Form Builder Button Full width - Forum | JoomShaper
Solved SP Page Builder

Form Builder Button Full width

Asked by Neumann, Alexandra 5 years ago Last activity 5 years ago

Hello.

In the add-on "form builder" the submit button has tons of options, but not the option to set it full width.
<br>
In the add-on "contact form" it is there. Can you add it to the form builder as well?
<br>
And in the meantime, what would be a suitable work-around? Can I add the coding to the "Custom-CSS" section in "Style" Tab of the form builder add-on? If so, what would be the right code, considering that I am using the "Primary Button"?
I tried the following, but it does not solve it:
.btn-primary {
width:100%;
display:block;
}
<br>
any help?
<br>
Thanks.
<br>
Alexandra

Accepted answer

Marked as the solution
Rashida Rahman Staff
5 years ago

Hi there!

Thanks for your query!
I will convey your wish to the team!

And yes you can simply use this in the mentioned place:

.sppb-btn-primary{
width: 100%;
}

Or you can use the following code into the custom css field of the Template:

.sppb-form-builder-btn button.sppb-btn-primary{
width: 100%;
}

Note: Path towards custom CSS:
Extensions>Templates>Styles>
Click on your current default template name then choose Template Options.
Then find custom CSS within the custom code.

https://prnt.sc/pu705g

https://prnt.sc/pu70zn

Best Regards

1 more reply

Neumann, Alexandra Asked this
5 years ago

Thanks so much. Works perfectly fine with the Custom CSS.
I still think it might be an easy thing to add in the add-on options directly. Would appreciate the integration in a future release :)

Log in to reply.