WordPressテーマSANGOの質問

番号なしリスト番号付きリストでリンクの下線が消える

アバター
yamanaka

お世話になっております。
番号付きリストや番号無しリスト、ボックス内などで、中に文字リンクがある場合、文字リンクの下線が消えてしまいます。
これを他の場所と同じように通常の下線付きリンクにしたいです。
・リストやボックス内でリンクの下線が表示されたままにするにはどうしたらよいでしょうか?
・また、下線の文字終わりの右側に新規タブのアイコンを表示させる方法も教えて下さい。2点宜しくお願い致します。

SANGO
質問板アーカイブ
コメントへの回答
サルワカくん
サルワカくん
2019/04/19

お世話になっております。
リスト内のリンクに下線を表示するためには、子テーマのstyle.cssもしくは外観⇒カスタマイズ⇒追加CSSに以下を追加します。

.entry-content li a {
  text-decoration: underline;
}
/*ホバー時の装飾*/
.entry-content li a:hover {
  text-decoration: none;/*下線を消す*/
  color: #色コード;/*色を変える*/
}

新規タブのマークを文字リンクの最後に表示するのは以下のCSSを追加すれば可能です。

.entry-content a[target="_blank"]:after {
  content: '\f35d';
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: .85em;
  padding: 0 0 0 4px;
}

CSSを追加した後は、キャッシュプラグインやブラウザのキャッシュを削除したうえでご確認いただければと思います。