【WordPress】カラムブロックが機能しない？CSSで一発解決

以前、とあるサイトで「Passsterプラグイン」を使っていた時のこと。

保護したページがカラムブロックで横並びにならないではないか？

どうやら、どこかしらの原因で無効化されているらしい。

CSSに下記のとおり追記（要するに上書きするよう指示）したら一発で治った。

/* Columnsブロックを強制的に横並びにする */
.wp-block-columns{
  display: flex;
  flex-wrap: wrap;
  gap: 2em;
}
.wp-block-column{
  flex: 1 1 0;
  min-width: 0;
}

/* スマホは縦（必要なら） */
@media (max-width: 781px){
  .wp-block-columns{ display:block; }
}