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

ワードプレステーマ別

TCDテーマHEAL:トップページボックスコンテンツでコンテンツを2つのみ表示する方法

WordPressテーマ「NULL」

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

ダウンロード

Q.トップページのボックスコンテンツで2つのみ表示させたいです。

当該箇所では、コンテンツを3つ表示頂く仕様となっております。そのため、コンテンツを一つを未入力にした場合も公開画面では3分割された表示スペースに2つのコンテンツが表示されることになります。
 
▼変更後のイメージ
変更後のイメージ

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

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

#index_box_content .item { width: -webkit-calc(100% / 2); width: calc(100% / 2); }
@media screen and (max-width: 1151px) {
  #index_box_content .item { width: 100%!important; }
}

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

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

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