Title: Changing Button Through CSS
Last modified: February 3, 2017

---

# Changing Button Through CSS

 *  Resolved [upscu](https://wordpress.org/support/users/upscu/)
 * (@upscu)
 * [9 years, 4 months ago](https://wordpress.org/support/topic/changing-button-through-css/)
 * I am using pagebreaks to create a multiple page form but they are not sequential
   due to the page being determined by option selections. I created another button
   labeled “back” that goes to the previous page that a selection was made on.
 * My question is how do I change the back button through css so that it will take
   on the same appearance as the next and previous buttons (which I have on display:
   none)
 * Every time I try to change the button through CSS it changes a small margin around
   the grey button but does not alter the button itself.
 * Thank you.

Viewing 1 replies (of 1 total)

 *  Plugin Author [codepeople](https://wordpress.org/support/users/codepeople/)
 * (@codepeople)
 * [9 years, 4 months ago](https://wordpress.org/support/topic/changing-button-through-css/#post-8737660)
 * Hello,
 * First, assign a class name to the field through the “Add Css Layout Keywords”
   attribute, for example: my-button
 * And then insert a “HMTL Content” field in the form with a piece of code similar
   to the following one as its content:
 *     ```
       <style>
       #fbuilder .my-button input{
           background: linear-gradient(to bottom, #34CACA 5%, #30C9C9 100%);
           background-color: #34CACA;
           -webkit-appearance: none;
           -moz-appearance:none;
           border-radius:0 !important;
       }
       </style>
       ```
   
 * of course, replacing the CSS rules by the design you want apply.
 * If you need additional help modifying your form’s design, I can offer you a custom
   coding service from my personal website:
 * [http://cff.dwbooster.com/customization](http://cff.dwbooster.com/customization)
 * Best regards.

Viewing 1 replies (of 1 total)

The topic ‘Changing Button Through CSS’ is closed to new replies.

 * ![](https://ps.w.org/calculated-fields-form/assets/icon-256x256.jpg?rev=1734377)
 * [Calculated Fields Form](https://wordpress.org/plugins/calculated-fields-form/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/calculated-fields-form/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/calculated-fields-form/)
 * [Active Topics](https://wordpress.org/support/plugin/calculated-fields-form/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/calculated-fields-form/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/calculated-fields-form/reviews/)

 * 1 reply
 * 2 participants
 * Last reply from: [codepeople](https://wordpress.org/support/users/codepeople/)
 * Last activity: [9 years, 4 months ago](https://wordpress.org/support/topic/changing-button-through-css/#post-8737660)
 * Status: resolved