Qリンクの装飾(青色+下線)を設定する方法

A

FAQPlusでは、回答の中に記載したリンク(URL)の見た目を自由に調整できます。
たとえば「詳しくはコチラ」や「詳細を見る」といった案内用のリンクが目立ちにくい場合でも、
色や下線を付けることで、より分かりやすく表示できます。

ここでは、以下のようにリンクを自動的に青色+下線で表示するための設定方法をご紹介します。
「詳しくはコチラ


【設定手順】
・管理画面上部の「デザイン」>「オプション」をクリックします。
・「共通設定」内にある「カスタムCSS」の入力欄を開きます。
・以下のコードをコピー&ペーストし、「更新して反映」をクリックします。

 

/* リンクを青色+下線にする */
.answer a[href] {
color: #0000EE !important;
text-decoration: underline !important;
}

 

 

【カスタマイズのポイント】
CSSの書き方によって、様々な表現ができます。
以下のサンプルを上手く使って、お好きなデザインを調整ください。

 


 /* リンクを青色+下線+太字にする */
.answer a[href] {
color: #0000EE !important;
text-decoration: underline !important;
font-weight: bold !important;
}

 

/* リンクを青色+下線にして、ホバー時に色を変える */
.answer a[href] {
 color: #0000EE !important;             /* 通常時の青 */
 text-decoration: underline !important;
 font-weight: bold !important;
 transition: color 0.2s ease;            /* 色変化をなめらかに */
}

/* ホバー時に色を変える(濃い青に) */
.answer a[href]:hover {
 color: #0033CC !important;              /* ホバー時の色 */
}

 

 

 

解決しましたか?

記事に関するご意見をお寄せください。
※返信をご希望の場合は別途お問合せください。