fragrantのサイドバーは「leftnav」というクラスによってCSSで220px;に指定されています。
テンプレート内にCSSを直接書き込む等の方法でカスタマイズは可能ですので、ポイントだけご案内させていただきますね。
まず「.leftnav」に対して「width: 220px;」の数字を大きくしてください。
同時に「#main」がその幅分だけマージンを取るようにしていますので、「#main」の「margin: 0 0 0 220px;」の数字を新しい幅と同じ数値に変更します。
 
 
HTMLの中にCSSを記述する方法については分かりやすく解説されているサイトをいくつか紹介させていただきます。
http://css.uka-p.com/basic/header.html
https://techacademy.jp/magazine/4872
どうぞよろしくお願いいたします。