richtext(リッチテキスト)にリンクを挿入すると、文字が見えなくなります。回避方法などありますか？

[FABEA]

FAQセクションを追加して、Q&Aのページを作りました。

<ul class="Faq__container">
  {% for block in section.blocks %}
    <li>
      <div class="Faq__question">{{ block.settings.question }}</div>
      <div class="Faq__answer">{{ block.settings.answer }}</div>
    </li>
  {% endfor %}
</ul>

{% schema %}
  {
    "name": "FAQ",
    "settings": [],
    "blocks": [
      {
        "type": "question",
        "name": "質問と回答",
        "settings": [
          {
            "type": "text",
            "id": "question",
            "label": "質問タイトル"
          },
          {
            "type": "richtext",
            "id": "answer",
            "label": "回答"
          }
        ]
      }
    ],
    "presets" : [
      {
        "name" : "FAQ"
      }
    ],
    "templates" : [
      "page"
    ]
  }
{% endschema %}

回答にリンクを挿入すると、添付のように文字が見えなくなります。

文字をなぞると見えておりますが…

この現象の原因と、解決方法をご存じでしたらご教示お願い致します。

[Qcoltd]

@FABEA 様

リンクが見えなくなっている件ですが、文字をなぞると見える場合はリンクの文字色が白に設定されている可能性が高いです。

回避策とし、対象セクションのカスタムCSSにリンク色用のcssを追加するのはいかがでしょうか。

カスタマイズから記載いただいたFAQセクションを選択すると、下記画像の赤枠ようにカスタムCSSが表示されるかと思いますので、

.Faq__answer a {
  color: #f00;
}

とCSSを追加いただければ、リンクの色を変更する事が可能かと思います。

※参考でリンク色は赤に設定しております。

ご参考まで。

（キュー小坂）

[FABEA]

早急なご回答と的確なアドバイスありがとうございました！

おかげさまで無事、表示されるようになりました。

また機会がございましたらどうぞよろしくお願い致します。