IT

【JIN】カエレバでセブンネットにスタイルが適用されない時の対処法

JINでカエレバのリンクを使ったときに、スタイルをJINオリジナルのものに変更することができます。

しかし、アマゾン、楽天、ヤフーショッピングとは違い、なぜかセブンネットだけはスタイルシートに記述がないため、リンクがボタン化されません

セブンネットもアマゾンなどと同じようにボタン化する方法を紹介します。

作業時間は1分程度です。簡単です。

追加CSSに追記をする

上の画像に示したように、

外観カスタマイズ追加CSS

とリンクをたどります。

続いて、追加CSSに以下のCSSを追記します。
コピペでOKです。

@media (max-width: 767px) {
  .shoplinkseven {
    margin: 0 auto;
    margin-bottom: 1px; } }
.shoplinkseven a {
  display: block;
  font-size: 0.85rem;
  text-decoration: none !important;
  color: #fff !important;
  text-align: center;
  border-radius: 2px; }
  @media (max-width: 767px) {
    .shoplinkseven a {
      padding: 10px; } }
  @media (min-width: 768px) {
    .shoplinkseven a {
      font-size: 0.8rem;
      padding: 12px 5px; } }
  @media (min-width: 1024px) {
    .shoplinkseven a {
      padding: 12px 12px; } }
.shoplinkseven a {
  background: #008738; }

コピペが完了すると、以下のようにリンクが変化します。

ご覧の通り、セブンネットのリンクにスタイルが適用されました。