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

ワードプレステーマ別

TCDテーマCURE:トップページ「診療案内一覧」を3列で表示する方法

WordPressテーマ「NULL」

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

ダウンロード

Q.質問内容

トップページのコンテンツビルダー「サービス紹介一覧」(デモサイトの「診療案内」)では記事が4列で表示されていますが、これを3列表示に変更することはできますか。
 
▼変更箇所イメージ【変更前】
変更箇所イメージ
▼変更箇所イメージ【変更後】
変更箇所イメージ

A.管理画面【TCDテーマ】→【サイト基本設定】→「カスタムCSS」の最下部に下記をコピー&ペーストして表示をお確かめください。

@media screen and (min-width: 1251px) {
  .index_service_list .service_list .item { width: 325.333px; }
  .index_service_list .service_list .item:nth-child(3n) { margin-right: 0; }
  .index_service_list .service_list .item:nth-child(4n) { margin-right: 12px; }
}

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

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

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