- 「フォーラムガイドライン」に必ず目を通してください。
- バージョンアップデート後に表示がおかしくなった場合は、
「SWELL設定」>「リセット」からキャッシュクリアを先にお試しください。 - フォーラム内検索で過去に同じようなトピックがないか検索してみてください。
フォーラム
【やりたいこと】
添付画像のようにスライダーのメインビジュアルに画像を重ねるように配置したいです。
【やってみたこと】
メインビジュアルの下にフルワイドで上部が丸くなっている画像を背景に設置
CSSで background-positionを変更することで上に移動することはできました。
.swell-block-fullWide.has-bg-img{
background-position: 49% 15% !important;
}
15%の部分の調整で移動します。
これをメインビジュアルの上に重なるように配置したいのですが、position: relativeとz-indexなどを設置してもメインビジュアルの下に隠れてしまいます。
うまくメインビジュアルの上に配置できる方法をご存じの方がいらっしゃいましたらご教授頂きたいです。
よろしくお願い致します。
BBQ Firewall
Blocks Animation: CSS Animations for Gutenberg Blocks
Combine Social Photos | Still BE
SEO SIMPLE PACK
WP Multibyte Patch
XML Sitemap Generator for Google
XO Security
有料でウェブ制作経験者に相談されるのが一番な気がします。(ガイドラインにも記載されてます。)
SWELLフォーラムはユーザーフォーラムのため、開発者以外の回答は全て任意です。当アカウントによる回答もボランティアのため、ヒントの提供に留まる場合があります。
ご依頼のご相談・お問い合わせ窓口
https://kanripress.ne.jp/contact/
WordPress保守管理・セキュリティ対策
https://kanripress.ne.jp/wordpress-maintenance/
@skillsharejp さん、アドバイスありがとうございます!
もう少し自分でも調べてみて、ダメそうなら相談してみます。
画像ブロックをグループ化
グループ、画像に追加 CSS クラス、独自のものを設定
ごにょごにょ
グループ は position: relative
画像 は position: absolute;
スマホのときはどうするか要検討