Form Builder Button Full Width - Question | JoomShaper
SP Page Builder 6 is Here! Learn More →

Form Builder Button Full Width

NA

Neumann, Alexandra

SP Page Builder 4 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

0
2 Answers
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 4 years ago #4630

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

0
NA
Neumann, Alexandra
Accepted Answer
4 years ago #4640

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 :)

0