Custom CSS / JS in WPPayForm

You can write your custom CSS or JS for a particular form. This CSS/JS will be applied to that particular form only.

Custom CSS/JS can be used to customize your form with your own styles or script. Each form contains a Custom CSS/JS panel under the Form Setting tab on the top of the dashboard.

custom-css

To save your CSS/JS, click on the Save CSS and JS located at the top right corner.

save-css

Custom CSS

You don’t have to add any <style> tag. But you need to add the particular table’s id before adding your CSS styles. It is needed to target this specific form and apply the CSS styles.

custom-css

Type your CSS styles and you are good to go. Sometimes you might need to add !important to override default styles.

important

Adding this CSS to our existing form has changed the form like below.

form-view

Custom JS

In the custom JS panel, you can write javascript or jQuery.

js

You don’t need to add <script> tag. Just type your js code and save.

Was this article helpful to you?

4 3

How can we help?

Please submit a support ticket if you have any question or pre-sale questions. Our Customer support engineers will answer your query as soon as possible

Open a support ticket