Move Button to the Right Again?

Hello @filmguy2013

The margin left to apply the button would be a 35% and not the 33.5%

Please, edit this CSS rule through the “Customize Form Design” attribute in the “Form Settings” tab.

Best regards.

Hello. I changed the margin-left to 36% and the button is perfectly centered under the fields when I preview the form in the form builder, BUT when I reload my homepage and open the form in the lightbox, the button is still too the left and not centered. I even opened my homepage using an Incognito browser window in case it was a caching issue and I even flushed the cache on the server side and the problem is still there. How do I fix this?

Please check out the screenshots here:

https://pasteboard.co/J6Hk98J.png

https://pasteboard.co/J6Hkt22.png

Hello @filmguy2013

You should to apply the change in the three forms you are loading int the homepage.

Best regards.

Wow. In the words of Tugg Speedman, I feel like a m-m-m-moron! Thank you. That worked.

I changed my mind though. Is there a way to make the button the same width as the form fields. The form fields are set to medium width. Is there a way to make the button the same width?

Hello @filmguy2013

You can edit all the styles as you want, for example, entering the following style definition in the three forms:

@media print, screen and (min-width: 24em)
#fbuilder .cff-button-field input {
    margin-left: 35% !important;
     width: 33%;
}

Please, note that the support service does not cover the implementation of the users’ projects. I taught you how to customize the forms’ designs, but if you need that I define all your project’s styles, you should request a custom coding service from our private website: Customization

Best regards.

Thanks! I altered your code a bit and it worked!

@media print, screen and (min-width: 24em) {
#fbuilder .cff-button-field input{margin-left:35% !important;
width: 33%;}

}