Lightning PROのコンテンツとサイドバーの隙間を無くしたい。

[komuraka]

教えてください＞。＜

環境：Lightning Proバージョン: 3.2.2を使用しています。

前のバージョンでコンテンツとサイドバーの隙間を以下サイトのやり方で
調整出来たのですが、バージョンが上がったら、項目が見つからなくなり
コンテンツとサイドバーの隙間を調整出来なくなって困ってます。

＜参考にしたサイト＞
https://yellowglasses.jp/llightning5/

＜私のサイトと問題のページ＞
https://ageofz.site/%e3%83%88%e3%83%83%e3%83%97%e3%83%9a%e3%83%bc%e3%82%b8/%e6%94%bb%e7%95%a5%e6%83%85%e5%a0%b1/

追加CSSでコンテンツ幅の調整をしても、サイドバーが下にずれたりするので、根本的にコンテンツとサイドバーの隙間を狭くしたいのです。。

ワードプレスのスキルは、ほとんどないど素人なので、
どなたか教えて頂けたら、大変助かります。

どうぞよろしくお願い申し上げます。

---

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

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

[DRILL LANCER]

Lightning Pro 2.0 以上かつ Bootstrap 4 ベースのスキン ( 例 Origin II ) を使用している場合はクラスの指定が異なります。

【重要】Lightning 7.0 / Lightning Pro 2.0 での仕様について

mainSection-col-two と sideSection-col-two を指定してCSSを組んでみてください。

[DRILL LANCER]

参考サイトのようにしたい場合は下記のように追記してください。
【子テーマの functions.php 】

/**
 * Change lightning_get_the_class_names Output.
 *
 * @param string $class_names Classes of Output.
 */
function my_lightning_get_the_class_names( $class_names ) {
	if ( 'bs4' === $skin_info['bootstrap'] ) {

		if ( lightning_is_layout_onecolumn() ) {
			$class_names['mainSection'] = 'col mainSection col-lg-12';
			$class_names['sideSection'] = 'col subSection sideSection col-lg-12';
		} else {
			// 2 column.
			$options = get_option( 'lightning_theme_options' );
			// sidebar-position.
			if ( isset( $options['sidebar_position'] ) && 'left' === $options['sidebar_position'] ) {
				$class_names['mainSection'] = 'col mainSection col-lg-9 order-lg-1';
				$class_names['sideSection'] = 'col subSection sideSection  col-lg-3 order-lg-0';
			} else {
				$class_names['mainSection'] = 'col mainSection col-lg-9 order-lg-0';
				$class_names['sideSection'] = 'col subSection sideSection  col-lg-3 order-lg-1';
			}
		}
	}
}
add_filter( 'lightning_get_the_class_names', 'my_lightning_get_the_class_names' );

【子テーマの style.css】

.siteContent>.container>.row {
    display: flex;
}

[投稿者]

投稿