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

ワードプレステーマ別

TCDテーマNANO:トップページのヘッダーコンテンツ下・事業案内コンテンツ内の「3点ボックス」でアイテム2つのみ表示する方法

WordPressテーマ「NULL」

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

ダウンロード

Q.トップページの「事業案内」コンテンツの3点ボックスを2点ボックスとして表示したいです。

 

A.下記の方法でご対応ください。

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

・ヘッダーコンテンツ下の3点ボックス

.p-index-content02 .p-three-box li:nth-child(3) { display: none; }
@media screen and (min-width: 768px) {
  .p-index-content02 .p-three-box__item { width: 50%; }
 ]

▼変更後のイメージ
変更後のイメージ

・「SERVICE 事業案内」の3点ボックス

.p-index-content04 .p-three-box li:nth-child(3) { display: none; }
@media screen and (min-width: 768px) {
  .p-index-content04 .p-three-box__item { width: 50%; }
 ]

▼変更後のイメージ
変更後のイメージ

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

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

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