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

VWSとは フォーラム VK パターンライブラリ [ 解決済 ] 「メディアとテキスト オフセット背景 左右余白25%」の表示を左右逆にしたい

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

  • このトピックには2件の返信、2人の参加者があり、最後にgaucho3669により4ヶ月、 1週前に更新されました。
3件の投稿を表示中 - 1 - 3件目 (全3件中)
  • 投稿者
    投稿
  • #97111

    gaucho3669
    参加者

    ■ WordPress のバージョン
    6.6

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

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

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

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

    ■ スキンの種類
    Evergreen

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

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

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

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

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

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


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

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

    #97125

    うなこ
    モデレーター

    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.
    #97193

    gaucho3669
    参加者

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

3件の投稿を表示中 - 1 - 3件目 (全3件中)
  • このトピックに返信するにはログインが必要です。