ホテル・結婚式場などのホームページがつくれるエレガントなデザインのテンプレート「CANON」
ワードプレステーマ別

TCDテーマREHUB:ヘッダーの掲載数ラベルの横幅を調整する方法

WordPressテーマ「NULL」

TCD LABOはWordPressテーマ「NULL」を使用して作られています。

ダウンロード

Q.ヘッダーの掲載数ラベルの横幅を調整したいです。

▼変更箇所イメージ
変更箇所イメージ

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; }

この記事は役に立ちましたか?

もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!

同じテーマのカスタマイズ記事