AIDER：サービスページのリストコンテンツを3カラムにする方法

Q.サービスページのリストコンテンツを3カラムにしたい。

TCD LABO

テーマの仕様上リストコンテンツは「1カラム」もしくは「2カラム」で表示できます。

▼変更箇所イメージ　　→AIDERデモサイト（サービス詳細ページ）

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

外観＞TCDテーマオプション＞基本設定、もしくは該当のサービス記事編集画面のカスタムCSSに入力します。

/* リストコンテンツを3カラムに変更 */
.service_list_main_type2 {
grid-template-columns: repeat(3, 1fr);
}

▼変更後のイメージ

※3カラムにすると一つあたりの横幅は短くなり、文字が折り返されて表示される場合がございますのでご注意ください。