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

ワードプレステーマ別

TCDテーマNANO:トップページ「お知らせ」コンテンツのタブが4つの場合、タブの幅を全体に合わせる方法

WordPressテーマ「NULL」

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

ダウンロード

Q.トップページ「お知らせ」コンテンツのタブが4つの場合、4つのタブの幅を全体に合わせることはできますか?

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

A.下記の方法でカスタマイズしてください。

TCDテーマ>基本設定のカスタムCSSに入力ください。

.p-news-tab-list__tabs-item {
    width: 25%;
}

%前の数値を任意に変更していただくことで、タブが2つ、3つの時も全体の幅に合わせることが可能です。

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

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

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