[ 解決済 ] ステップ間の長さを短くしたい

[長野利雄]

■ WordPress のバージョン
6.0

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

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

■ テーマのバージョン
14.21.4

■ Pro Unit のバージョン
0.19.9

■ スキンの種類
Origin III

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

■ 期待する動作
ステップとアコーディオンを用いた際に、ステップ間の間隔を短くしたい

■ 自分で試した事
ステップとアコーディオンの上下の余白を0にしたが、もっと間隔を短くしたい。

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

■ 実際の症状
ステップとアコーディオンを用いたいが、ステップ間の間隔が長く、間延びしたイメージになるので、ステップ間の間隔を短くして、単にアコーディオンを連続して使用した時と同様の間隔にしたい。

---

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

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

[うなこ]

ステップとアコーディオンの上下の余白を0にしたが、もっと間隔を短くしたい。

ステップブロックのステップアイテムにはpaddingで余白がついており、ブロックの余白を0にしても余白がついてしまいます。
padding-bottomの余白を調整できると良いですね。検討させていただきます。

現状はCSSでの調整になりますので、以下のcssで余白を調整できます。
0　の部分はお好きな数字に変更してください。

/* ステップアイテム下の余白 */
.vk_step .vk_step_item{
padding-bottom:0;
}

[長野利雄]

できました！　ありがとうございます。

[投稿者]

投稿