Support » Plugin: Calculated Fields Form » CSS Code to Change Button Appearance?

  • Resolved Filmguy2013

    (@filmguy2013)


    Hello. Can you please give me the CSS code to make my “Calculate Now” buttons look like the “Let’s Get Started” button located towards the top of my homepage? I would like all the buttons on my webpage to look consistent.

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

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

    (@codepeople)

    Hello @filmguy2013

    I’m sorry, but the “Calculate Now” buttons you re referring are not inserted with our plugin. If you need a custom coding service, you can contact us directly through our website: Customization

    Best regards.

    Thread Starter Filmguy2013

    (@filmguy2013)

    I apologize. You are right. Those buttons are created by the Popup Maker plugin.

    I have another question though. How would I allow users to insert numbers with a decimal point into the form fields? When I try to do that right now, I get an error that says “Please enter only digits”.

    Also, is there any way to add a button that clears all the fields when pressed?

    Thanks.

    Thread Starter Filmguy2013

    (@filmguy2013)

    Hi. I just found the option to change from digit to number, so that answers my first question in my last reply.

    Is there a way to add a button that clears all the fields when pressed though?

    Plugin Author codepeople

    (@codepeople)

    Hello @filmguy2013

    You simply should to insert a button field in the form, and select the “Reset” option as the button’s type in its own settings.

    Best regards.

    Thread Starter Filmguy2013

    (@filmguy2013)

    You are awesome! I know I’m getting kind of picky here, but is there any way to move my “Clear Form” button to the right of my “Calculate Volume Button”?

    Plugin Author codepeople

    (@codepeople)

    Hello @filmguy2013

    Our plugin includes multiple alternatives to distribute fields in columns (side by side): the container fields (Div or fieldset), the predefined class names distributed with the plugin.

    The following videos would give you an idea of these alternatives:

    https://wordpress.dwbooster.com/customdownloads/videos/video_columns_container.mp4

    https://wordpress.dwbooster.com/customdownloads/videos/video_columns_class.mp4

    If you need additional information, you can read the following post in the plugin’s blog:

    https://cff.dwbooster.com/blog/2019/01/06/columns

    Best regards.

    Thread Starter Filmguy2013

    (@filmguy2013)

    Hi. I created a two-column div and put both buttons in the div and tried changing the CSS layout using col-sm-6 on the Calculate Volume of Pool button and col-sm-6 col-sm-offset-2 on the Clear Form button, but it caused the buttons to be stacked up on top of each other. How do I set the Clear Form button to the right of the Calculate Volume of Pool button and have them nicely centered under the fields?

    Plugin Author codepeople

    (@codepeople)

    Hello @filmguy2013

    These are alternatives and not complementary, you should use the container fields, or the predefined class names but not both at once.

    Furthermore, you are including new buttons in the form, the margin css rule applied to the buttons in a previous entry has no sense now.

    If you want to customize all form appearance, you should read the following post in the plugin’s blog:

    https://cff.dwbooster.com/blog/2020/01/12/form-design/

    Best regards.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘CSS Code to Change Button Appearance?’ is closed to new replies.