フォーラムへの返信
-
投稿者投稿
-
こちらで、報告済みです。
調査中だと思うので、もう少し待ってみてください。♥ 0いいねをした人: 居ませんとりあえず各種のサポートフォーラムで片っぱしから聞きまくっていきたいと思います
これはマルチポストといって、WordPress.org をはじめ多くのフォーラムで禁止されていますので、やめた方がいいと思います。
禁止されていなくてもマナー違反とみなされることが多いです。
マナー違反とされることがある理由♥ 0いいねをした人: 居ませんこんにちは。
.wp-block-snow-monkey-blocks-section-with-bgimage.alignfull.smb-section.smb-section-with-bgimage.smb-section--left.smb-section--fit { height: 96vw; overflow: visible; }
にすると「サロン予約はこちら」のボタン画像が表示されます。
z-index が効かなかったのは、単純にボタンが領域からはみ出してるからですね。・セクションに top-view などの適当なクラスを設定
・「サロン予約はこちら」のボタンの右寄せを解除、reservation-btn のような class を設定上記のように変更したうえで
/* トップビューを拡大 */ .wp-block-snow-monkey-blocks-section-with-bgimage.alignfull.smb-section.smb-section-with-bgimage.smb-section--left.smb-section--fit{ height: 96vw; } .wp-image-580 { position: absolute; top: 250px; right: 90px; }
を削除
.top-view .smb-section__body { min-height: 96vw; } .reservation-btn { position: absolute; bottom: 3rem; right: 90px; }
みたいな感じでどうでしょうか?
「サロン予約はこちら」のボタン画像の位置とサイズは、メディアクエリーで微調整してください。こんにちは。
cssで対応するのが簡単だと思います。.smb-section .c-container { display: flex; flex-flow: column; } .smb-section .c-container .smb-section__title { order: 0; } .smb-section .smb-section__subtitle { order: 1; margin-top: 0.5em; } .smb-section .smb-section__lede-wrapper { order: 2; margin-top: 0; } .smb-section .smb-section__body { order: 3; }
margin は、お好みで調整してください。
特定のブロックに設定する場合は、セクションブロックに id か class を設定してください。よろしくお願いします。
♥ 0いいねをした人: 居ませんこんにちは。
Snow Monkey のカスタマイズというよりは、table にどんな CSS をあてるかの問題なので、「table scroll」とかで一度検索してみてください。♥ 0いいねをした人: 居ません -
投稿者投稿