How do I add custom CSS styles to the body field? I have a content type "page with fields" which I made out of "Basic page" by adding two text fields at the beginning of the page which now looks like this:


Page title
Field1 Label: field1 text
Field2 label: field2 text
Here goes the body field text which is long text.


The problem is the lack of space between the body text and the fields 1 and 2. Now I want to add some custom CSS styles to the body field in order to put some extra space and later to be able to add some other visual changes. 

My theme is Bartik 7.26 on Drupal 7.
Use the "html inspector" of your browser (Ctr-Shift-I for Chrome) to find the the css classes of thoses fields.

Then add the proper css code in /themes/bartik/css/style.css.

That will be the quickest way to do it but I strongly recommend you to create a sub-theme of the bartik theme (https://drupal.org/node/225125) so if the theme gets updated, you won't loose your changes.

You should check out Display Suite too (https://drupal.org/project/ds), it a fantastique module to change the way nodes are displayed.