Q.ヘッダーの掲載数ラベルの横幅を調整したいです。
▼変更箇所イメージ
REHUBでは、クチコミ掲載数をヘッダーバーに表示できる仕様になっています。このようにサイト内の全ページに共通で表示されます。クチコミサイトならではの仕様で、一目でサイトの規模感をご覧いただくためにあります。
A.下記の方法でご対応ください。
TCDテーマ>基本設定のカスタムCSSに入力します。
○を任意の数値に変更してください。デフォルトは「100px」です。
・「レビューの掲載数」ラベルのみ調整する
.pc .l-header__counts a:first-of-type .l-header__counts-item__label { width: ○px; } /* PCの調整 */ .mobile .l-header__counts a:first-of-type .l-header__counts-item__label { width: ○px; } /* スマホの調整 */
・「クチコミ数」ラベルのみ調整する
.pc .l-header__counts a:nth-of-type(2) .l-header__counts-item__label { width: ○px; } .mobile .l-header__counts a:nth-of-type(2) .l-header__counts-item__label { width: ○px; }
・「レビューの掲載数」「クチコミ数」ラベルのどちらも同じ横幅に調整する
.pc .l-header__counts .l-header__counts-item__label { width: ○px; } .mobile .l-header__counts .l-header__counts-item__label { width: ○px; }
この記事は役に立ちましたか?
もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!