見出しの編集　カスタマイズについて

初歩的な質問になってしまうかもしれませんが
検索してもあれこれ試しても解決しなかったので
助言をお願い致します。

http://dokidome.com/wp-customize/575/

これを見ながらワードプレスの見出しのカスタマイズを
しようとしているんですが、うまくいきません。

やりたい事は、「ブログ投稿画面の「見出し２」を選択すると
左に青の縦線が入るだけの見出しにしたい。」

そこで、上のサイトの記述をコピーして
CSSスタイルシートエディターの一番下にペーストしました

↓スクショです
http://fast-uploader.com/file/6979386278227/

その後、ブログ投稿画面のテキストエディタで
<h2>見出しにしたい文章</2>で囲って保存

しかし、実際は初期設定の見出し２（文字が大きくなるだけ）のまま
↓スクショ２です。
http://fast-uploader.com/file/6979386308311/

どこが間違っているでしょうか？
入力する場所が根本的におかしい？

使ってるテーマはHemingwayです。

よろしくお願いいたします。

ヘルプが必要なブログは senegaltaizaiki.com です。