[ 解決済 ] トップページのサイドバーとメインコンテンツの間隔

VWSとは フォーラム Lightning [ 解決済 ] トップページのサイドバーとメインコンテンツの間隔

[ 解決済 ] トップページのサイドバーとメインコンテンツの間隔

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

    msuzu
    閲覧者

    お世話になります。

    Lightning Proバージョン: 4.3.3
    Lightning Skin Variety 7.1.2

    サイドバーとメインコンテンツの間隔(余白)を狭くする方法をお教えください。

    同様の質問があったのですが、解決できなかったので、
    改めてご質問いたします。

    よろしくお願いします。

    #35828

    DRILL LANCER
    モデレーター

    同様の質問とは下記のことでしょうか?

    2カラムページの横幅を変えたいです。

    簡単にまとめると、下記のようになります。

    • 下記コードで幅は調整可能(width の合計が100% になるように変更)
    • スキンは Origin II や Variety II 等の II シリーズでのみ適用可能
    @media (min-width: 992px) {
    	/*メインセクション*/
    	.mainSection-col-two {
    	    width: 66.6667%;
    	}
    	/*サイドバー*/
    	.sideSection-col-two {
    	    width: calc(33.3333% - 3em);
    	}
    }
    #35829

    msuzu
    閲覧者

    DRILL LANCER様

    早速の回答ありがとうございます。

    カラムの横幅の調整ではなく、
    メインセクションとサイドバー間の隙間(余白)を狭くしたいと思っています。
    (極端に言えば無くしたい)

    もしお分かりになりましたらご教示のほどよろしくお願いします。

    #35830

    DRILL LANCER
    モデレーター

    余白の部分はwidth: calc(33.3333% - 3em);の 3em の部分なので、この値を変更すればOKです。

    #35831

    msuzu
    閲覧者

    DRILL LANCER様

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

    勉強になりました。

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