Twenty Twelveのデザインカスタマイズで嵌ってます

「Twenty Twelve」のサイドバー（ウイジットエリア）のCSSカスタマイズしたいのですが、変更が反映されません。例えば、サイドバーのタイトル上下の余白を調整などです。

ネットでも色々調べましたが、以下のコードの部分がカスタマイズ箇所で合っていますでしょうか？

1 /* Sidebar */
2 .widget-area .widget {
3 -webkit-hyphens: auto;
4 -moz-hyphens: auto;
5 hyphens: auto;
6 margin-bottom: 48px;
7 margin-bottom: 3.428571429rem;
8 word-wrap: break-word;
9 }
10 .widget-area .widget h3 {
11 margin-bottom: 24px;
12 margin-bottom: 1.714285714rem;
13 }