Dawnを使用しております。
トップページにコレクションリストを設置しましたが、想定した配置にならず、ご教授頂きたいです。
画像の通り、現在は画像の下にコレクション名が表示されておりますが、コレクション名を非表示にして画像へリンクを貼りたいです。
もしご存知の方がいらっしゃいましたら、ご教授頂きたいです。
そうぞ宜しくお願い致します。
Topic summary
Dawnテーマでトップページのコレクションリストにおいて、コレクション名を非表示にしつつ画像にリンクを貼る方法についての質問。
初期の問題:
- 画像の下にコレクション名が表示されている状態
- コレクション名を非表示にして画像自体にリンクを設定したい
解決プロセス:
- 最初の提案:
.card__content { display: none; }をカスタムCSSに追加- 結果: コレクション名は非表示になったが、リンクも消失
- 修正された解決策:
.card__information {
padding: 0;
height: 0;
}
.card__heading {
opacity: 0;
}
最終結果:
- 上記のCSSコードにより、理想的な形に実装成功
- コレクション名を視覚的に非表示にしながら、画像へのリンク機能を維持
Dawnのバージョンにもよるのですが、
12.0.0であれば下記のようにすることで、
コレクション名を非表示にできます。
テーマカスタマイズ画面を開いて、コレクションリストのカスタムCSSで、コレクション名を非表示にします。
カスタムCSSには下記を入力します。
.card__content {
display: none;
}
12.0.0よりもある程度まで古いバージョンであれば、
同じ方法でコレクション名を非表示にできるはずです。
ご参考まで。
(キュー田辺)
株式会社Q
田辺様
この度はご教授頂きまして、ありがとうございます！
試したところ、確かにコレクション名は非表示になるのですが、リンクが無くなり画像のみが表示されている状況です。
もし画像へリンクを貼る方法をご存知でしたら、ご教授頂けますと大変有難いです。
どうぞ宜しくお願い申し上げます。
失礼いたしました。
カスタムCSSを下記に変更するといかがでしょうか？
.card__information {
padding: 0;
height: 0;
}
.card__heading {
opacity: 0;
}
(キュー田辺)
株式会社Q
田辺様
早速のお返事、ありがとうございます。
試したところ、無事理想の形となりました！
この度はお力添えを頂きまして、ありがとうございました。
1 Like