WordPressテーマSANGOの質問

最新記事一覧をTOPページに表示させる場合にカードを3列表示したい

アバター
mitchy

最新記事一覧をTOPページに表示させる場合について
[catpost num="6" notin="5" type="card"]
現在このショートコードで実装をしようとしていますが、
2列の表示だとかなり大きく表示されてしまいます。

1行に3列表示したいのですが方法はございますでしょうか?

SANGOで固定ページをホーム固定する方法まとめ
コメントへの回答
サルワカくん
サルワカくん
2020/08/18

お世話になっております。
以下のCSSをダッシュボードの[外観]⇒[カスタマイズ]⇒[追加CSS] もしくは子テーマのstyle.cssに貼り付けることで、

/* 1カラムトップページ用固定ページでのみ、catpost(カードタイプ)を3列にする */
@media only screen and (min-width: 768px) {
  .page-template-page-forfront .catpost-cards .c_linkto {
    width: 31%;
  }
  /* ↓ 微調整 */
  .page-template-page-forfront .catpost-cards:after {
    width: 31%;
    content: '';
  }
}/* END 1カラムトップページ用固定ページでのみcatpost(カードタイプ)を3列に */

よろしくお願いします。

アバター
mitchy
2020/08/18

https://saruwakakun.com/sango/comments?id=8689

こちらご回答ありがとうございます。

何度か試してみたのですが、
「何かうまくいかなかったようです。時間を置いてもう一度お試しください。」
というエラーが追加CSSの画面で出てしまいます。

お手数ですが、ご確認いただけますでしょうか?
よろしくお願いいたします。

サルワカくん
サルワカくん
2020/08/18

おそらくサーバーのセキュリティ設定が原因だと思います
参考:https://ureshi-design.com/
よろしくお願いします。