Changing margin-top to div in CSS

Question

I am trying to change the margin-top property of a div in a WordPress theme, however it does not seem to work. I have added the following line to the custom css stylesheet:

 div#primary {
     display: block;
     margin-top:50px;
   }

However the div whose property I want to change does not move down. The example can be found at the following URL: http://who.designbond.co.uk/contact-2/ The div I need to move down is the one containing the text of Phylosophy. Can anyone explain to me what I am doing wrong? Thanks

Answer 1

That div has an inline style with margin-top: 0px, which is overriding your stylesheet.

You need to remove or modify that inline style, or (in a pinch, and don't tell anyone I said this) add !important to your stylesheet rule).

Answer 2

div#primary {
     display: block;
     margin-top:50px !important;
}

I know it's not a good thing to do (adding !important), but it can help.