Changing spacing between elements using responsive?

Try asking on the theme’s dedicated forum: https://cyberchimps.com/forum/free/responsive/
You may get a faster & more informed response there.

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:

https://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:
https://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.

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 and then create new CSS rather than modify existing CSS.

Edit: WPyogi, lol.

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.

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.

https://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