FROM CACHE - jp_header

リンクが青色になるのを制御することは可能でしょうか

リンクが青色になるのを制御することは可能でしょうか

お世話になっております。

 

リンクのテキストについて、サイト内を回遊しているうちに

太い青文字になってしまうのですが、

こちらをShopify上で制御することは可能でしょうか。

 

_0-1677840067100.png

また、この現象が起きる際はテキストだけでなく、SNSリンクなども

全て青色になります。

_1-1677840099415.png

 

使用テーマはDawnで、8.0にアップデートしております。

 

知識不足で恐縮ですが、上記の原因と対策についてご教示いただけますと幸いです。

何卒宜しくお願い致します。

 

2件の返信2

Qcoltd
Shopify Partner
1059 435 427

ご質問いただいている、リンクが青色になるのを制御する件ですが、現在の青色になる設定を打ち消すCSSを設定するのが良いかと思います。

 

また、実際のサイトを拝見できていないので推測にはなってしまいますが、リンク色が青色になるページではリンク色を青色にするCSSがどこかに設定されているかもしれません。

それにより今回ご提示するCSSだけでは青色が解消しない場合もございますので、ご了承ください。

プライベートメッセージなどで、ストアの情報を頂戴できればもう少し調査できるかもしれませんので、差し支えないようでしたらご連絡ください。

(必ず調査、解決できるともお約束はできませんが。。。)



CSS設定方法

  1. 管理画面より「オンラインストア > テーマ > カスタマイズボタンの横にある「…」 > コードを編集」からコード編集画面を開きます。
  2. ファイル検索にて「base.css」を検索し表示してください。
  3. base.css」の一番上の行に下記CSSを追記してください。
a:link {
  color:rgba(var(--color-foreground), 0.75) !important;
  font-weight :normal !important;
}
a:visited {
  color:rgba(var(--color-foreground), 0.75) !important;
  font-weight :normal !important;
}
a:active {
  color:rgba(var(--color-foreground), 0.75) !important;
  font-weight :normal !important;
}

 

ご参考まで。

(キュー小坂)

株式会社Q (キュー)
グラフィックデザイン、アパレル事業、Web制作など色々やっている渋谷区代々木の会社です。ShopifyでのECサイトの運営・開発も行なっています。
私たちについて: https://web.q-co.jp/ テックブログ: https://techlab.q-co.jp/

キュー小坂様

 

ご回答をいただきましてありがとうございます。

 

ご提示いただきました内容を反映したところ、テキストリンクがすべて濃いグレーの同色になり、テキスト付画像セクションなどで利用しているソリッドカラー(#04205Dを設定しています)のラベルの視認性が落ちてしまいました。

ボタン色が濃い色の場合はテキストはホワイトカラーになるという設定のまま、

青く太いリンクになってしまうのを防ぐことができると嬉しいです。

こちら、テーマ設定等で解決する方法はございますでしょうか?

 

ストア情報については、開示可能か一度社内で検討の上、お送りできればと思います。

 

以上、重ねてのご質問になり恐縮ですが、ご回答いただけますと幸いです。