Title: Facing some issues
Last modified: August 18, 2023

---

# Facing some issues

 *  [cgartist.amit](https://wordpress.org/support/users/cgartistamit/)
 * (@cgartistamit)
 * [2 years, 9 months ago](https://wordpress.org/support/topic/facing-some-issues/)
 * I am using this form from 5-6 years this is just awesome. But a client wants 
   to make checkbox looks like toggle type selectable buttons.
 * I created a module via CF7, I wants to make some changes like padding, color,
   etc to make checkbox looks like a button. Or anything else to achieve this.
 * using css
 *     ```wp-block-code
       .togglebuttons .wpcf7-list-item {margin: 0 10px 0 0;display: inline-block;}.togglebuttons > span input {opacity: 0;position: absolute;}
   
       .togglebuttons > span .wpcf7-list-item-label {cursor: pointer;display: block;color: #ffffff;border-radius: 15px;background: #f44571;padding: 5px 15px;background: #4054b2;box-shadow: 0 0px 0px rgba(0,0,0,.2);border: 0px solid #e0e0e0;}
   
       .togglebuttons > span input:checked + .wpcf7-list-item-label {background: #4054b2;border: 0px solid #0193c2;color: #ffffff;font-weight: bold;}
       ```
   

The topic ‘Facing some issues’ is closed to new replies.

 * ![](https://ps.w.org/contact-form-7/assets/icon.svg?rev=2339255)
 * [Contact Form 7](https://wordpress.org/plugins/contact-form-7/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/contact-form-7/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/contact-form-7/)
 * [Active Topics](https://wordpress.org/support/plugin/contact-form-7/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/contact-form-7/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/contact-form-7/reviews/)

 * 0 replies
 * 1 participant
 * Last reply from: [cgartist.amit](https://wordpress.org/support/users/cgartistamit/)
 * Last activity: [2 years, 9 months ago](https://wordpress.org/support/topic/facing-some-issues/)