[ 解決済 ] 「メディアとテキスト オフセット背景 左右余白25%」の表示を左右逆にしたい

[gaucho3669]

■ WordPress のバージョン
6.6

■ テーマ・プラグインは全て最新版で確認してください。
確認しました。

■ テーマの種類
Lightning ( G3 ) + Lightning G3 Pro Unit

■ テーマのバージョン
わかりません

■ Pro Unit のバージョン
わかりません

■ スキンの種類
Evergreen

■ スキンのバージョン
わかりません

■ 期待する動作
カラムは画像、文章の配置がアシンメトリー（右、左など）になってるので、例えばその間に1つカラムをコピペした時にはバランスが崩れます（右、右、左など）。そこでカラムの表示(画像、文章）を簡単に左右逆に出来る方法があれば知りたいです。

■ 自分で試した事
ありません。

■ 症状が発生するブラウザ
chrome

■ 実際の症状
ありません。

■ その他特記事項
ありません。

---

該当URL : https://*********

※該当URLはフォーラムライセンスが有効のユーザーにのみ表示されます

[うなこ]

gaucho3669さま
お世話になっております。Evergreenのご利用ありがとうございます。

カラムは画像、文章の配置がアシンメトリー（右、左など）になってるので、例えばその間に1つカラムをコピペした時にはバランスが崩れます（右、右、左など）。そこでカラムの表示(画像、文章）を簡単に左右逆に出来る方法があれば知りたいです。

ご質問いただきました件ですが、カラムブロック自体を逆向きに設定する場合でしたら簡単にできるのですが、Evergreenの「メディアとテキスト オフセット背景 左右余白25%」のパターンの場合は、少し手数が多くなりますので、手間ではありますが手順を書かせていただきます。

▼例えば、テキストが左側にあり、カバー画像が右にあるブロックパターンを逆にする場合（左にカバー画像で右にテキスト）の手順

1. 親のカラムブロックを選択して、右側のブロックの設定画面の「高度な設定」 の「追加 CSS クラス」にvk-cols--reverse　のクラス名を追加してカラムを逆向きにする（添付画像参照）
2. 右側の子カラムを選択して、右側のブロックのスタイルタブをクリックして、「サイズ」>「パディング」の右のパディングを0 左を3(em)に変更する（添付画像参照）
3. 左上の三本線のメニューからリストビューを開いてグループブロックの下にあるカバーブロックを選択し、右側のブロックの設定画面の「高度な設定」の中の「vk-bg-offset-bg--right 」を「vk-bg-offset-bg--left 」に変更すると左側に余白が空く。　（添付画像参照）

以上になります。
手数が多くなってしまいますので、もしかすると「メディアとテキスト オフセット背景 左右余白25%」のパターンを貼り直して作り直した方が簡単かもしれません。
どうぞよろしくお願いいたします。

Attachments:

You must be logged in to view attached files.

[gaucho3669]

うなこ様
ありがとうございます！解決致しました。

[投稿者]

投稿