TCDテーマSOURCE：トップページ「3点ボックス」を「2点ボックス」に変更する方法

Q.トップページの3点ボックスを2点表示にすることは可能でしょうか。

テーマには2点表示に変更する設定は無いため、テーマファイルの編集が必要です。

▼変更前イメージ

▼変更後イメージ

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

編集するファイル：　ホームページ (front-page.php)
編集する箇所：　60行目付近

for($i=1; $i<= 3; $i++):

↓

for($i=1; $i<= 2; $i++):

上記編集後、TCDテーマオプション＞基本設定＞カスタムCSSに以下を追記してください。

@media only screen and (min-width: 768px) {
#index_3box_list .box {
    width: calc(100% / 2);
}
}

1点ボックスにする場合は、以下のようにご編集ください。

for($i=1; $i<= 3; $i++):

↓

for($i=1; $i<= 1; $i++):

▼カスタムCSS

@media only screen and (min-width: 768px) {
#index_3box_list .box {
    width: 100%;
}
}