「カエレバ」を使用する際に、一部のサイトだけ表示がおかしいです。
-
添付画像の通り、Amazonや楽天はきれいに表示されるのですが、「dショッピング」の背景色だけがない状態で見栄えが悪くなってしまっています。
jinのカエレバヨメレバの設定にはあらかじめチェックをつけており、それ以外は特に触ってはいません。改善方法ご存じの方おられましたら、よろしくお願いいたします。
マニュアル確認済み
キャッシュクリア済み
プラグイン全停止済み
WordPressのバージョン : バージョン 6.0.1
ご利用のサーバー名 : Xserver
PHPのバージョン :
OS : Windows
ご利用のブラウザ : chrome
該当サイトのURL :
-
-
@tsu_ さん
ご返信ありがとうございます。
添付画像のそれぞれのサイトURLは下記のようになります。
最初は検索した商品がないので、色がつかないのかなと思っていたのですが、Amazonは問題ありませんでした。
他の商品で試してもみましたが、やはりdショッピングだけ背景色がつかない状況です。Amazon
https://www.amazon.co.jp/s?k=シルバニア&__mk_ja_JP=カタカナ&tag=aaeaxw0c-22
-
@ノリ さん
リンクありがとうございます。
すみません、伝え方が良くなかったです。。
ご共有いただきたいのは ノリ さんのサイトのURLでした。
⠀
⠀
↓ こちらのトピックとほぼ同じ内容なのですが、
⠀標準機能で「dショッピング」には対応していないはずなので、別途調整が必要になると思います。
https://jin-forum.jp/topic/4172/カエレバヨメレバをjinオリジナルデザインにすると一部が正しく表示されないご確認よろしくお願いいたします！
-
失礼しました。
うまく表示できていなかったため、サイトにはまだ貼っていませんでした。
今、テスト用のページにカエレバで作成したリンクを貼ってみました。
https://newsmura.com/?p=14753教えていただいたトピックを真似て、「rakukobo」の部分を「docomo」に変えてcssを追加してみたのですが、変化はありませんでした。
もし、他に思い当たる点ありましたら、ご教示いただけると幸いです。
-
-
お手数をおかけします。
ただいま、追加CSSに貼りなおしました。
下記のコードを追加しましたが、やはり変わってないです。@media (min-width: 768px) {
.shoplinkdocomo {
margin-right: 8px;
}
}
@media (max-width: 767px) {
.shoplinkdocomo {
margin: 0 auto;
margin-bottom: 1px;
}
}
.shoplinkdocomo a {
display: block;
font-size: 0.85rem;
text-decoration: none !important;
color: #fff !important;
text-align: center;
border-radius: 2px;
}
@media (max-width: 767px) {
.shoplinkdocomo a {
padding: 10px;
}
}
@media (min-width: 768px) {
.shoplinkdocomo a {
font-size: 0.8rem;
padding: 12px 5px;
}
}
@media (min-width: 1024px) {
.shoplinkdocomo a {
padding: 12px 12px;
}
}
.shoplinkdocomo a {
background: #E84E51;
}
-
-
ありがとうございます。
おっしゃっていただいた通り、上のコードが閉じられていませんでした。
「}」を入れて無事に反映されました。
自分では全く気付けてなかったので、本当に助かりました。
ありがとうございます。
-
