VWSとは フォーラム Lightning Lightning PROのコンテンツとサイドバーの隙間を無くしたい。

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

3件の投稿を表示中 - 1 - 3件目 (全3件中)
  • 投稿者
    投稿
  • #33109

    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はフォーラムライセンスが有効のユーザーにのみ表示されます

    #33110

    DRILL LANCER
    モデレーター

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

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

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

    #33112

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