サポート » 使い方全般 » サイドバーの幅を狭くしたい

  • 解決済 3mcdt

    (@3mcdt)


    テーマはLightningでホームページを作っています。固定ページのサイドバーの幅を狭くしたいです。

    ネットで調べたところ、以下のCSSを見つけて追加CSSで試しましたが変化がありません。これは違うテーマのCSSであるため使えないのかも知れません。chromeの検証ツールというものでページのコードを調べてみましたが、コードの場所は分かったものの幅の記述は分かりませんでした。よろしくお願いします。

    #main #container #sideTower {
    width: 200px !important;
    }

7件の返信を表示中 - 1 - 7件目 (全7件中)
  • こんにちは

    Lightning フォーラムの下記トピックが参考になると思います。
    https://vws.vektor-inc.co.jp/forums/topic/2カラムページの横幅を変えたいです。

    Origin II ( Bootstrap4 ) デザインテーマの場合の例:

    @media (min-width: 992px) {
    	/*メインセクション*/
    	.mainSection-col-two {
    	    width: 80%;
    	}
    	/*サイドバー*/
    	.sideSection-col-two {
    	    width: calc(20% - 3em);
    	}
    }
    トピック投稿者 3mcdt

    (@3mcdt)

    追加CSSで見事に変更できました。

    因みにメインセクションを73%、サイドバーを23%としました。また、コメントタグを入れたままだと何故かERRER403が出るので削除しました。

    トピック投稿者 3mcdt

    (@3mcdt)

    もう一つ教えて下さい。
    メインセクション、サイドバー共に col-two と書いてありますが、これはカラムが2つという意味なのでしょうか?もしそうだとすると、このサイトはカラム4つのページが2種類あるので、書き換えた方が良いのでしょうか?CSSの基本が分かっていない質問で恐縮です。

    Lightning テーマに4カラムのページレイアウトはデフォルトでは指定できないと思いますが、何かカスタマイズされているのでしょうか?

    トピック投稿者 3mcdt

    (@3mcdt)

    私の制作中サイトは以下の通りです。
    https://mit-cardesign-t.com/
    これのイラストレーションとデザインストーリーのページが4カラムにしてあります。
    特別なカスタマイズした覚えは無いのですが、ひょっとして私のカラムの認識が間違っているのでしょうか。ブロックを追加で、先ずは3カラムを選び、その次にカラム同士の間に出てくる十をクリックするともう一つカラムが増えます。確か6つか7つまでは増やせると読んだ覚えがあります。

    .mainSection-col-two と .sideSection-col-two はページレイアウトのみ適用されます。カラムブロックには影響はないはずです。

    • この返信は1年、 6ヶ月前にishitakaが編集しました。
    トピック投稿者 3mcdt

    (@3mcdt)

    ページレイアウトとカラムブロックは別の話なのですね。それで理解出来ました。
    アドバイスと言うよりも、半分作って頂いている様であり、本当に何時も助かります。
    ありがとうございました。

7件の返信を表示中 - 1 - 7件目 (全7件中)
  • トピック「サイドバーの幅を狭くしたい」には新たに返信することはできません。