[JKDECOR]

おおおお！

表示が消えました！天才です！ありがとうございます！

ご指摘の以下のコードはリンカーの表示をスマホだけ変えるもので
以下のサイトから持ってきました。

【図解】商品管理プラグインRinker（リンカー）の使い方まとめ

【完全図解】Rinkerの使い方やエラーが出た場合の対処方法を初心者向けに図解で紹介。「リクエスト回数が多すぎます」というエラーやボタンデザインの表示が崩れるなど、…

affiliate150.com

@media screen and (max-width:500px) {
  /*スマホ表示用*/
  /*-----全体-----*/
  div.yyi-rinker-contents div.yyi-rinker-box {
    display: block;
    /*縦表示になるように*/
  }

  /*-----商品名やボタンなど-----*/
  div.yyi-rinker-info {
    /*全体*/
    padding: 0;
    /*余白削除*/
    margin: auto;
    /*中央揃え*/
    width: 87%;
    /*横幅*/
    text-align: center;
    /*商品名やボタンを中央表示*/
  }

  div.yyi-rinker-contents div.yyi-rinker-detail .price-box .price {
    /*価格*/
    display: block;
    /*価格を縦並びにする*/
  }

  div.yyi-rinker-contents ul.yyi-rinker-links li {
    /*ボタン*/
    width: 100%;
    /*横幅いっぱい*/
    margin: .5em 0;
    /*上下の余白　左右の余白削除*/
    line-height: 44px;
    height: 44px;
    font-size: 0.95em;
    padding: 0 14px 0 10px;
  }

  body div.yyi-rinker-contents ul.yyi-rinker-links li a {
    /*ボタンの文字*/
    padding: 0;
    /*文字の余計な余白を削除*/
    height: 44px;
    line-height: 44px;
    font-size: 0.95em;
  }

  /* rinker 商品詳細幅を広げる */
  div.yyi-rinker-contents div.yyi-rinker-box div.yyi-rinker-info {
    width: calc(100% - 20px);
    display: block;
  }

  /* rinker サムネイル幅を230pxに */
  div.yyi-rinker-contents div.yyi-rinker-image {
    width: 230px;
    min-width: 140px;
    padding: 0;
    margin-left: auto;
    margin-right: auto
  }

  div.yyi-rinker-contents img.yyi-rinker-main-img {
    width: auto;
  }
}

/*Rinker自由ボタンのマウスオーバー時*/
div.yyi-rinker-contents ul.yyi-rinker-links li.freelink2 a:hover {
  box-shadow: 0 12px 15px -5px rgba(0, 0, 0, .25);
}

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

どこかからコピペしたときも、ただ貼るだけではなくて、わかりやすいように自分でインデントしておくのがオススメです！ あとから見直したときにわからないと、なにか不具合がおこったときの復旧に無駄に時間がかかってしまう可能性が高まるので。

♥ 0

いいねをした人: 居ません

[JKDECOR]

まったくその通りですね。
そのインデントの入れ方を最近覚えて途中から付けるようになったのですが、
最初の方は何も付けていないのでどの部分の修正なのか
まったく分からなくなってます。。苦笑

素人質問にもいつもご丁寧にご対応いただき、
本当に感謝しています。
ありがとうございます！

♥ 0

いいねをした人: 居ません

[JKDECOR]

すいません！

文字の大きさと行間を調整したい

このトピックには7件の返信、3人の参加者があり、最後にJKDECORにより1ヶ月、 1週前に更新されました。 …

snow-monkey.2inc.org

以前この時に設定したスマホ版でのタイトルの
文字サイズの調整が効いていないみたいです。

.c-entry__title {
  font-size: 23px;
  line-height: 1.5;
}

この部分のフォントサイズを変えても
変化しなくなってしまいました。
原因わかりますでしょうか？？

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

全角のスペースが混ざっていないでしょうか？ （CSS はタブか半角スペースしか使用できません。）

♥ 0

いいねをした人: 居ません

[JKDECOR]

確認したのですが、全角は無いようなんです。半角がいくつか連続で入っている感じでした。前回開きっぱなしだった所を閉じたことで、この部分が反応しなくなっちゃったのでしょうか。

他は効いてるのに、タイトルだけ戻っちゃったんですよね。

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

うーん、僕もわかりませんでした…。タイトル部分の CSS（.c-entry__title { ... } のところ）を一度消して打ち直してみる、各場所を変えてみる、など試してみるのはどうでしょうか？

♥ 0

いいねをした人: 居ません

[JKDECOR]

ですよねぇ。。。
色々すいませんでした！

ありがとうございました！！！

♥ 1

いいねをした人: 居ません

[JKDECOR]

先日レーティングボックスの数字を非表示にするCSSを教えていただき
この間まで消えていたのですが先日のアップデートで
また出てきてしまいました。

治りますでしょうか？

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

.smb-rating-box__item__evaluation__numeric {
  display: none;
}

ですよね？ こちらの環境では上記で消えますが消えないのであれば別の要因があるのかもしれません。レーティングボックスを設置しているページの URL を教えてください！

♥ 0

いいねをした人: 居ません

[JKDECOR]

こちらも閉じミスを直していただいたら解決しました！

♥ 1

いいねをした人:

[投稿者]

投稿