[ 解決済 ] 編集画面でVKVOCKSのボタンのレイアウト・デザインが乱れます。

[祐介高嶋]

■ WordPress のバージョン
6.8.1

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

■ 子テーマをご利用の場合は親テーマに変更して症状が改善するか確認してください。
確認しました。

■ テーマの種類
Lightning Pro

■ テーマのバージョン
8.23.10

■ スキンの種類
Origin II

■ 関連しそうなプラグインを一つずつ停止して症状が改善するか確認してください。
確認しました。

■ 期待する動作
ボタンのデザイン・レイアウトの乱れを解消したい。

■ 自分で試した事
編集画面でのみ発生し、プレビュー画面や実際の表示画面でのデザイン・レイアウトの乱れはありません。

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

■ 実際の症状
※スクリーンショットをアップしています。

Attachments:

You must be logged in to view attached files.

[石川＠Vektor,Inc.]

名前コース・住所コース の部分をコピーして、
テキストファイルなどに貼り付けて添付ください。

なんとなく下記に解説していますが、部分的なのでコードビューにしなくてもブロック部分を選択した状態でそのままテキストファイルに貼り付ければコードになると思います。

フォーラム・エラー共有方法

よくわからなければ↑のようにページ全体をコピーしてテキストファイルに貼り付けてください。

[祐介高嶋]

ありがとうございます。

該当部分と思われるコードをテキストファイルにして添付しております。

よろしくお願いします。

[祐介高嶋]

ファイルが添付できませんでしたので、firestorageでアップしました。

https://xfs.jp/9wsoUt67

よろしくお願いします。

[Vektor,Inc]

お世話になっております。ファイルの添付ありがとうございます。

Lightning Proテーマで確認できました。

応急処置にはなりますが、ボタンブロックの「カスタムCSS」に以下のCSSを貼り付けていただくと、ボタンは崩れませんので、お急ぎの場合はお試しください。

selector .btn-block {
	display: block;
	width: 100%;
}

修正までしばらくお待ちください。

Attachments:

You must be logged in to view attached files.

[祐介高嶋]

カスタムCSSに追加することで、表示の乱れが解消できました。
ありがとうございます。

引き続きご対応のほど、何卒よろしくお願いいたします。

[石川＠Vektor,Inc.]

おまたせいたしました。

Lightning Pro 8.23.11 にて修正いたしました。

追加したCSSを削除しても大丈夫だと思いますのでアップデートの上、編集画面を再読み込みしてご確認よろしくお願いいたします。

[祐介高嶋]

ご対応ありがとうございます。

Lightning Pro 8.23.11 へのアップロードで、VKVOCKSのボタンのレイアウト・デザイン乱れが解消いたしました。

何卒よろしくお願いいたします。

[投稿者]

投稿