wordpressで、ヘッダーのタイトル下、投稿記事との間に、テキストウィジェットを入れたい。

Question

前提・実現したいこと

wordpressテーマ「Hueman」で
ヘッダーのタイトル下、投稿記事との間に、スクロール付きのテキストウィジェットを入れたいです。

発生している問題・エラーメッセージ

表示されるテキストウィジェットに投稿記事部分（メイン部分）がかなり重なって表示されてしまいます。

試したこと

試行してみたこととして、

⑴『ヘッダー下をウィジェットで管理！ワードプレスカスタマイズ！』（https://moriawase.net/header-widget）

上記を参考に、「ヘッダー下ウィジェット」をwordpressのウィジェット画面に表示させました。

⑵そして、wordpressのウィジェット画面内、
「ヘッダー下ウィジェット」に「テキスト」を挿入しました。
「テキスト」には下記サイトを参考に、以下のhtmlコードを記入しています。

<div style="border:1px solid #ccc;height:200px;overflow:auto;width:70%;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#fffcfc;margin:auto;padding:10px;">

 (ここに本文を入力)

 </div>

（参考元）
・スクロールバー付きのテキストウィジェットを設置する
（https://susumu-akashi.com/2012/06/%E3%82%B9%E3%82%AF%E3%83%AD%E3%83%BC%E3%83%AB%E3%83%90%E3%83%BC%E4%BB%98%E3%81%8D%E3%81%AE%E3%83%86%E3%82%AD%E3%82%B9%E3%83%88%E3%82%A6%E3%82%A3%E3%82%B8%E3%82%A7%E3%83%83%E3%83%88%E3%82%92%E8%A8%AD/）

結果として、確かに、タイトル下に、テキストウィジェットが表示されましたが、タイトル下に密着してテキストウィジェットが表示され、テキストウィジェット下部の方は、投稿記事（メイン部分）が上に重なって表示されてしまいます。テキストウィジェット下部が、投稿記事の下に隠れてしまっている状態です。

補足情報（FW/ツールのバージョンなど）

WordPress 4.8.7 (Hueman テーマ)