Hi,
I recommend you modify the pbSubmit class, defined in the “stylepublic.css”, located in “/wp-content/plugins/calculated-fields-form/css/stylepublic.css”. If you are using any of templates available for the plugin, then you should modify the class directly in the template’s file (the file style.css, located in the template’s folder, “/wp-content/plugins/calculated-fields-form/templates/”)
Best regards.
Hi, thank you for the quick reply!
I’m using a bit of Javascript to keep the total hidden until the user clicks a “calculate” button, at which time all fields with the “total” class will appear.
I would like the “submit” button to appear at the same time as the total, so if they want to submit their total and get in touch further they can send us an email.
I tried adding display:none to the pbSubmit class, but it remains display:none because there is no other display style to override once the button is clicked. So, I really need to add an extra class to the “submit” button, rather than editing the current one. Any way to do this?
Thanks!
An alternative solution for me to use would be to add a page break before the total, and require the user to click submit before seeing their total. Can I add functionality to the submit button so it will also take the user to the next page?
Hi,
Your first solution is fine. You can associate the style “display:none;” to the pbSubmit class, and then, from javascript, you only should call the script code:
jQuery(‘.pbSubmit’).show();
Best regards.
Ah, that did it! I just had to remove the “display:block” from .pbSubmit in the plugin’s css and it worked great.
Thank you so much!
