Title: Checkbox position
Last modified: July 27, 2018

---

# Checkbox position

 *  Resolved [0midgard0](https://wordpress.org/support/users/0midgard0/)
 * (@0midgard0)
 * [7 years, 9 months ago](https://wordpress.org/support/topic/checkbox-position-2/)
 * Hey guys!
 * I use the contact form 7 for several pages and it works really well. But I have
   a problem with the position of the checkbox. It’s shown above the text. This 
   would not be THAT bad. But it is centered. And that looks really strange on my
   site.
 * I use some CSS to redesign the contact form (see below) but I cant find a way
   to put the checkbox to the left side. Any ideas?
 * Thank you so much!
 * Greetz
    Malte ___________________________ #Kontaktformular { background:#FFFFFF;
   padding:20px 15px 15px 15px; border-radius:5px; box-shadow: 0px 0px 0px 0px rgba(
   0, 0, 0, 0.4); } #Kontaktformular input { width:100%; float: left; margin-bottom:
   10px; } #Kontaktformular input[type=”submit”] { background:#88ac34; font-size:
   14px; width:20%; } #Kontaktformular input[type=”submit”]:hover { background:#
   8BC34A; } #Kontaktformular textarea { width:100%; height:200px; } _____________________________________
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fcheckbox-position-2%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 2 replies - 1 through 2 (of 2 total)

 *  Plugin Author [Takayuki Miyoshi](https://wordpress.org/support/users/takayukister/)
 * (@takayukister)
 * [7 years, 9 months ago](https://wordpress.org/support/topic/checkbox-position-2/#post-10535226)
 *     ```
       #Kontaktformular input {
       width:100%;
       float: left;
       margin-bottom:10px;
       }
       ```
   
 * Try removing this `width:100%;`.
 *  Thread Starter [0midgard0](https://wordpress.org/support/users/0midgard0/)
 * (@0midgard0)
 * [7 years, 9 months ago](https://wordpress.org/support/topic/checkbox-position-2/#post-10538983)
 * Good morning!
 * Sorry for my late replay and thank you so much for your help.
 * Unfortunately this doesn’t work completely well. Now, the Checkbox is in line
   but other parts are broken.
 * The description of the boxes is now not longer above the box. It is right the
   box.
 * I need the 100% width to receive full width of the name, phone, mail boxes.
    
   EDIT:
 * I fixed it by adding seperate 100% width for the boxes:
 * #Kontaktformular
    input[type=”tel”] { width:100%; }
 * Now it’s perfect!
 * Many thanks!
    -  This reply was modified 7 years, 9 months ago by [0midgard0](https://wordpress.org/support/users/0midgard0/).

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Checkbox position’ 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/)

 * 2 replies
 * 2 participants
 * Last reply from: [0midgard0](https://wordpress.org/support/users/0midgard0/)
 * Last activity: [7 years, 9 months ago](https://wordpress.org/support/topic/checkbox-position-2/#post-10538983)
 * Status: resolved