How do I undo a CSS change

Hi Guys,

Complete newbie here, and have made an obvious rookie Mistake! After spending heaps of time on my site using the Enfold theme, learning everything from scratch along the way, I had it looking almost right, but wanted to tweak a few little things, fonts and text size, border spacing etc. – so started learning about css.

I installed the plugin “simple custom css” and in google chrome I tested the change using “inspect element”. I then copied the chunk of code and pasted into simple custom css in the dashboard and made the change

Unfortunately the simple change I made has effected my entire site instead of one little border and I don’t know how to get it back to what it looked like before.

my site is testsite.franniesdrivertraining.com.au

the code I changed was this:

media="all"
.content, .sidebar {
  padding-top: 20px;
  padding-bottom: 20px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  min-height: 1px;
  z-index: 1;
}

All I changed was the padding from 50px to 20px.

I’ve tried deleting the code then resaving the css, replacing it with the original code without the change to the padding, deactivating the plugin completely and clearing my browser cache to try to fix it. But it won’t go back to the way it was.

I didn’t understand child themes unfortunately, but get now that I should’ve set that up first so I could revert back to the original before I made the alterations… Gah!I always do these things the hard way!

Please please help!