サイドバーの幅を狭くしたい

  • 解決済 3mcdt

    (@3mcdt)


    3年、 6ヶ月前

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

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

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

7件の返信を表示中 - 1 - 7件目 (全7件中)
  • ishitaka

    (@ishitaka)

    3年、 6ヶ月前

    こんにちは

    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)

    3年、 6ヶ月前

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

    因みにメインセクションを７３％、サイドバーを２３％としました。また、コメントタグを入れたままだと何故かERRER４０３が出るので削除しました。

    トピック投稿者 3mcdt

    (@3mcdt)

    3年、 6ヶ月前

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

    ishitaka

    (@ishitaka)

    3年、 6ヶ月前

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

    トピック投稿者 3mcdt

    (@3mcdt)

    3年、 6ヶ月前

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

    ishitaka

    (@ishitaka)

    3年、 6ヶ月前

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

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

    (@3mcdt)

    3年、 6ヶ月前

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

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