DRILL LANCER
フォーラムへの返信
-
投稿
-
見た感じは問題はなさそうですが・・・
（PDF では変なところで改行されているので実物を見てみないとなんとも言えません。）- 改行コード( LF 推奨)
- 文字コード( UTF-8 BOM 無し )
- 他のコードとの関係性（
<?phpや?>あたり）
に問題があるのかもしれません。
「表」ブロックの「高度な設定」の「追加 CSS クラス」に下記をいれてみてはいかがでしょうか？
table table-responsive table-striped table-bordered text-center
table⇒基本
table-responsive⇒テーブルの幅が広いと横スクロールが可能に
table-striped⇒テーブルを縞縞模様に
table-bordered⇒縦線を追加
text-center⇒中身の文字を中央揃えに※注意
コアブロックで用意されたストライプは非推奨です。参考サイト
今回は「表」ブロックの「高度な設定」の「追加 CSS クラス」に
table table-striped table-bordered text-center
を入力すれば OK です。
Bootstrap 4 の表に関しては下記が詳しいです。function my_disable_skin_header_prefix() { remove_filter( 'lightning_localize_options', 'lightning_fort_add_js_option', 10, 1 ); remove_filter( 'lightning_headfix_enable', 'ltg_fort_headfix_disabel' ); } add_action( 'init', 'my_disable_skin_header_prefix' );Fort II をご使用の場合、以前（2019年）のカスタマイズを破棄したうえで、
上記コードを functions.php に記述すればOKです。この場合の正しい書き方は下記のとおりです。
.wp-block-image .aligncenter .wp-image-1093:hover{ opacity: 0.5; }詳しくは下記を参考にトライしてみてください。
.wp-block-image は画像ブロックの一番外側の div タグに
.aligncenter と .size-large はそのすぐ下の figure タグに
.wp-image-787 はそのすぐ下の img タグの中にあります。なので、書き方の例としては下記の方式で書けば OK です。
.wp-block-image img:hover { opacity: 0.5; }.wp-block-image .size-large img:hover { opacity: 0.5; }.wp-block-image .aligncenter.size-large .wp-image-787:hover{ opacity: 0.5; }ただデザインスキン Origin ⅡBootstrap 4 と、Lightning Skin JPNSTYLE はそのままのようですが、変更をかけないといけないのでしょうか？
・まだバージョンが 4.X.X
・トップページがウィジェットを使わずにブロックベースで構成されている（つまりすでに指定済み）
上記のいずれかと思われるので一応確認してみたほうがいいとは思います。
