Title: Changing spacing between elements using responsive?
Last modified: August 21, 2016

---

# Changing spacing between elements using responsive?

 *  [Nfaccident](https://wordpress.org/support/users/nfaccident/)
 * (@nfaccident)
 * [13 years, 1 month ago](https://wordpress.org/support/topic/changing-spacing-between-elements-using-responsive/)
 * [http://www.non-fault-car-accident.co.uk](http://www.non-fault-car-accident.co.uk)
   
   I have been building this site for a client to use for a non fault car accident
   management company. But am stuck on something that’s probably so simple it bugs
   me. Can I change the spacing between elements so on the contact form page the
   boxes appear closer together?
 * If anyone could point me in the right direction I would really appreciate it!
 * Cheers

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

 *  [esmi](https://wordpress.org/support/users/esmi/)
 * (@esmi)
 * [13 years, 1 month ago](https://wordpress.org/support/topic/changing-spacing-between-elements-using-responsive/#post-3688073)
 * Try asking on the theme’s dedicated forum: [http://cyberchimps.com/forum/free/responsive/](http://cyberchimps.com/forum/free/responsive/)
   
   You may get a faster & more informed response there.
 *  [Joeburger25](https://wordpress.org/support/users/joeburger25/)
 * (@joeburger25)
 * [13 years, 1 month ago](https://wordpress.org/support/topic/changing-spacing-between-elements-using-responsive/#post-3688297)
 * **EDIT: Please see below comments before doing this.**
 * OK, please bear in mind I am a newbie, but I think i have found what you want.
 * To find where to edit I went to your page and right clicked on the form and chose“
   Inspect Element” using my Google Chrome browser. From there I proceeded to try
   to find the <div> that contained a individual element that you want to bring 
   closer together along with the additional padding underneath it. Then I looked
   to the right to see what CSS rules it matched. I wasn’t sure if margin-bottom
   was exactly what you were looking for, so I tried just changing it right there
   in my browser. Sure enough the elements on the page came vertically closer together.
 * Refer to this Screenshot i took:
 * [http://imageshack.us/a/img27/8373/33218609.png](http://imageshack.us/a/img27/8373/33218609.png)
 * You need to edit CSS to do what you want.
 * The exact line you need to edit is located at:
    [http://non-fault-car-accident.co.uk/wp-content/themes/responsive/style.css](http://non-fault-car-accident.co.uk/wp-content/themes/responsive/style.css)
 * line 1245
 * change it from
 *     ```
       form div {
       	margin-bottom: .8em;
       }
       ```
   
 * to
 *     ```
       form div {
       	margin-bottom: 0em;
       }
       ```
   
 * And see how you like it. You may want to change some other things about the spacing,
   but hopefully this gives you an idea of how to do these things.
 * Feel free to ask back here if you have any more questions. I will be watching
   this thread.
 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [13 years, 1 month ago](https://wordpress.org/support/topic/changing-spacing-between-elements-using-responsive/#post-3688298)
 * Hi fellow “newbie” Joeburger25,
    We encourage people not to edit the theme files
   because it causes them headache later on when the theme updates and their changes
   are erased.
 * If it’s just a CSS change, you can just recommend people to use a [Custom CSS plugin](http://wordpress.org/extend/plugins/custom-css-manager-plugin/)
   and then create **new** CSS rather than modify existing CSS.
 * **Edit:** WPyogi, lol.
 *  [WPyogi](https://wordpress.org/support/users/wpyogi/)
 * (@wpyogi)
 * [13 years, 1 month ago](https://wordpress.org/support/topic/changing-spacing-between-elements-using-responsive/#post-3688299)
 * You **should not modify the theme files** as your changes will be overwritten
   when the theme is updated – but instead use the custom CSS option built into 
   that theme. You can copy the above code to the custom CSS to make the change.
 *  [Joeburger25](https://wordpress.org/support/users/joeburger25/)
 * (@joeburger25)
 * [13 years, 1 month ago](https://wordpress.org/support/topic/changing-spacing-between-elements-using-responsive/#post-3688300)
 * Oh I gotcha. That makes sense. Well the above will show him how to figure out
   what exactly needs changing.
 * I use the Responsive theme as well and you can add in custom CSS in the “Theme
   Options” under Custom CSS Styles.
 * [http://img19.imageshack.us/img19/9496/74610726.png](http://img19.imageshack.us/img19/9496/74610726.png)
 * All he needs to do is add
 *     ```
       form div {
       	margin-bottom: 0em;
       }
       ```
   
 * To this section and it should take precedence over the theme

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

The topic ‘Changing spacing between elements using responsive?’ is closed to new
replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/responsive/6.3.7/screenshot.png)
 * Responsive
 * [Support Threads](https://wordpress.org/support/theme/responsive/)
 * [Active Topics](https://wordpress.org/support/theme/responsive/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/responsive/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/responsive/reviews/)

 * 5 replies
 * 5 participants
 * Last reply from: [Joeburger25](https://wordpress.org/support/users/joeburger25/)
 * Last activity: [13 years, 1 month ago](https://wordpress.org/support/topic/changing-spacing-between-elements-using-responsive/#post-3688300)
 * Status: not resolved