Support » Plugin: Calculated Fields Form » Move Button to the Right Again?

  • Resolved Filmguy2013

    (@filmguy2013)


    Hello. I had to change the sizes of my form fields from small to medium. But, now the Calculate Pool Volume button isn’t centered. I tried increasing the margin-left in the CSS code you gave me from 35% all the way up to 45% and the button appears to move to the right in the Preview, but after saving the changes and opening the lightbox that shows the calculator form on my homepage, the Calculate Pool Volume is still too far to the left and doesn’t even look like it moved! Can you please tell me what I need to do to have the button centered under the fields?

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author codepeople

    (@codepeople)

    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.

    Thread Starter Filmguy2013

    (@filmguy2013)

    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

    Plugin Author codepeople

    (@codepeople)

    Hello @filmguy2013

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

    Best regards.

    Thread Starter Filmguy2013

    (@filmguy2013)

    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?

    Plugin Author codepeople

    (@codepeople)

    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.

    Thread Starter Filmguy2013

    (@filmguy2013)

    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%;}

    }

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Move Button to the Right Again?’ is closed to new replies.