お世話になっております。
もしよろしければお試しいただいたページのURLをご共有いただけないでしょうか？
ご状況を確認したく。
よろしくお願いします。
問い合わせさせていただいた件、サイトに記載のURLが見出しテスト用のものになります。
スタイルシートへの追記は、見出しデザインの変更のみ行っており、特にその他のカスタマイズはしておりません。
お世話になっております。
URLの共有ありがとうございます。
以下のCSSを追加していただくといかがでしょうか？
よろしくお願いします。
.entry-content h3 {
position: relative;
}
ご返信ありがとうございます。
頂いたCSSを追記したところ、線の分離は無くなったのですが、奥側の線の色が指定した色に変わりません。
（カスタマイザーでメインカラーに指定した色になってしまう。）
お忙しいところ申し訳ございませんが、こちらも変更方法を教えていただけますと幸いです。
（サンプルページは「サイト」欄に記載の通りです。）
/* h3見出しデザイン変更 */
.entry-content h3 {
border-bottom: solid 3px #cce4ff; ←ここの部分の色が適用されない
position: relative;
border-left: none;
}
.entry-content h3:after {
position: absolute;
content: ” “;
display: block;
border-bottom: solid 3px #5472cd;
bottom: -3px;
width: 20%;
}
.entry-content h3 {
position: relative;
}
お世話になっております。
以下のように!importantをつけていただくとどうでしょうか？
よろしくお願いします。
.entry-content h3 {
border-bottom: solid 3px #cce4ff !important;
}
ご返信ありがとうございます。
無事解決しました！
何度もお手数おかけし、申し訳ございません。
大変助かりました。
WordPressテーマSANGOの質問
h3の見出しの左線を消すと２色線の配置がおかしくなる
お世話になっております。
h3の見出しデザインを変更しようと思い、以下のデザインの見出しのCSSを追記しました。
https://saruwakakun.com/html-css/reference/h-design
→色を変えてみた場合（二色線）
左の線は消えたのですが、二色線がそれぞれ上下に分裂してしまっており、かつ１つの線は指定した通り色が変わっていない状況です。（#cce4ffの部分）
正しく変更するには、どのようにすればよいでしょうか。
↓追記したCSS
/* h3見出しデザイン変更 */
.entry-content h3 {
border-bottom: solid 3px #cce4ff;
position: relative;
border-left: none;
}
.entry-content h3:after {
position: absolute;
content: ” “;
display: block;
border-bottom: solid 3px #40a4d6;
bottom: -3px;
width: 20%;
}