フッター電話番号スマホ表示時の色について

質問一覧Category: UNIVERSEフッター電話番号スマホ表示時の色について
Akobaakoba asked 5か月 ago

UNIVERSEを使用し、ダーク系をメインカラーに使用して制作しています。
スマホ(iPhone)でサイトを確認すると、フッターに表示されるショップの電話番号へ自動的に暗い色がついてしまい、見づらくなってしまいます。
androidで見たときはそのようなことが起きていないのですが、どのように対応したらよろしいでしょうか?
ご教示のほどよろしくお願いいたします。

BaseadminBaseDesignInfo Staff replied 5か月 ago

ご質問ありがとうございます。
実際のサイトURLを教えて頂くことは可能でしょうか?

Akobaakoba replied 5か月 ago

実サイトではなくすみません…
https://universedemo.base.ec/
サンプルとして上げていただいる、こちらのサイトもiPhoneで見た際に電話番号が暗くなってしまっています。
ご確認をお願いいたします。

1 Answers
BaseadminBaseDesignInfo Staff answered 5か月 ago

詳細ありがとうございます、iOS Safariが電話番号を自動的にリンク化する動作で色設定によって同化してしまっていますね。次のアップデートにて要改善事項に含めるとともに、すぐに修正するための方法をご案内させていただきます。
デザイン編集画面の左側、編集項目の一番下「独自スタイルシート」に
次のコードをコピーペーストし保存してみていただけますでしょうか?

.utility.realstore dd a[href^="tel:"] { color: inherit; text-decoration: none; pointer-events: none; } 


どうぞよろしくお願いいたします。

Akobaakoba replied 5か月 ago

無事に解決しました!ありがとうございます。