ありがとうございます！

完璧に修正できました！

以下はどうでしょうか。２パターンご用意してみました（どっちも併用する必要はありません）。

①※前述したコードと変わったのは「padding-left: 0;」の1行だけなのでそこを足せばOKです。

#main .entry-content h3 {
  color: #494949;
  border-bottom: solid 3px #acd0aa;
  position: relative;
  padding-left: 0;
}

②※前述したコードと変わったのは「left: 0;」の1行だけなのでそこを足せばOKです。

#main .entry-content h3::after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #43a047;
  left: 0;
  bottom: -3px;
  width: 20%;
}

こちらの画像のように左側が濃いめ、右側が薄めの色の線にしたいです。

薄緑の下線だけで良いのでしたら

#main .entry-content h3::after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #5472cd;
  bottom: -3px;
  width: 20%;
}

という部分は全て要らないと思います。

もしこれでも違う場合、実現したいデザインの完成形を図で教えていただいてもいいですか？
それに合わせてコードを提示させていただきますので。

ありがとうございます。

h1、２に関しては問題なく変更ができました！

ただ、h3のみ左端の色がおかしくなってしまいます・・・

CSSは「要素をより限定的に指定しているものほど優先して適用される」という特徴があるため今の状況になってしまっています。

ですので、

h1は

#main .entry-header h1.entry-title {
  color: #364e96;
  padding: 0.5em 0;
  border-top: solid 3px #364e96;
  border-bottom: solid 3px #364e96;
  background: none;
}

h2とh3は

#main .entry-content h2 {
  padding: 0.5em;
  color: #494949;
  background: #fffaf4;
  border: none;
  border-left: solid 5px #ffaf58;
}
#main .entry-content h3 {
  border-bottom: solid 3px #cce4ff;
  position: relative;
}
#main .entry-content h3::after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #5472cd;
  bottom: -3px;
  width: 20%;
}

のようにしてみるといいと思います。

もしくは、下記のように末尾に「!important」というのをつけると今のままでも適用されます。

.article h1 {
  color: #364e96!important;
  padding: 0.5em 0!important;
  border-top: solid 3px #364e96!important;
  border-bottom: solid 3px #364e96!important;
}

ただしこちらはあまり多用するべき方法ではないので、上記のような長ったらしい書き方が嫌な場合などに使うといいと思います。

今回初めて質問をさせていただきます。

hタグのデザインを変更したくcssをカスタムしていますがうまく反映されません。

キャッシュの削除やプラグインの全停止などはすでに行いましたが変化無しで、ネットでも色々検索しましたがなかなか解決できない状態です。

変更したいhタグは1〜３でデザインは以下になります。

カラーに関しては後で変更しますのでよろしくお願い致します。

h1 {
  color: #364e96;/*文字色*/
  padding: 0.5em 0;/*上下の余白*/
  border-top: solid 3px #364e96;/*上線*/
  border-bottom: solid 3px #364e96;/*下線*/
}

h2 {
  padding: 0.5em;/*文字周りの余白*/
  color: #494949;/*文字色*/
  background: #fffaf4;/*背景色*/
  border-left: solid 5px #ffaf58;/*左線（実線 太さ 色）*/
}

h3 {
  border-bottom: solid 3px #cce4ff;
  position: relative;
}

h3:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #5472cd;
  bottom: -3px;
  width: 20%;
}

【テーマ情報】
----------------------------------------------
サイト名：オブたび！│男の海外ひとり旅初心者のためのガイドブック
サイトURL：https://mens-hitoritabi.com
ホームURL：https://mens-hitoritabi.com
コンテンツURL：/wp-content
インクルードURL：/wp-includes/
テンプレートURL：/wp-content/themes/cocoon-master
スタイルシートURL：/wp-content/themes/cocoon-child-master
子テーマスタイル：/wp-content/themes/cocoon-child-master/style.css
スキン：/wp-content/themes/cocoon-master/skins/veilnui-simplog-green/style.css
WordPressバージョン：5.4.1
PHPバージョン：7.3.14
ブラウザ：Mozilla/5.0 (X11; CrOS x86_64 12871.76.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/81.0.4044.103 Safari/537.36
サーバーソフト：Apache
サーバープロトコル：HTTP/1.1
言語：ja,zh-CN;q=0.9,zh;q=0.8
----------------------------------------------
テーマ名：Cocoon
バージョン：2.1.4.1
カテゴリ数：8
タグ数：0
ユーザー数：1
----------------------------------------------
子テーマ名：Cocoon Child
バージョン：1.1.1
style.cssサイズ：1490バイト
functions.phpサイズ：204バイト
----------------------------------------------
Gutenberg：1
AMP：1
PWA：0
Font Awesome：4
Auto Post Thumbnail：1
Retina：0
ホームイメージ：/wp-content/themes/cocoon-master/screenshot.jpg
----------------------------------------------
ブラウザキャッシュ有効化：0
HTML縮小化：0
CSS縮小化：0
JavaScript縮小化：0
Lazy Load：0
WEBフォントLazy Load：0
----------------------------------------------
利用中のプラグイン：
All In One SEO Pack 3.4.3
Classic Editor 1.5
Contact Form 7 5.1.7
Duplicate Post 3.2.4
EWWW Image Optimizer 5.3.0
Google XML Sitemaps 4.1.0
PS Taxonomy Expander 1.2.3
SiteGuard WP Plugin 1.5.0
TinyMCE Advanced 5.4.0
WebSub/PubSubHubbub 3.0.3
WP Multibyte Patch 2.8.4
----------------------------------------------