サポート » 使い方全般 » サイトの左に余白を追加したい

  • サイトの左側に余白を追加したいのですが、Style.cssの操作方法がわかりません。
    どなたかご教授ください。テーマはMesoColumnです。
    itdigital.hotcom-web.com

1件の返信を表示中 - 1 - 1件目 (全1件中)
  • 最大サイズで見た時に左右に余白が表示されるように設定を書き変える方法を残しておきます。

    外観>ThemeOption>CustomCSS に以下の内容を追記してください。

    @media only screen and (max-width: 1920px) and (min-width: 1440px){
    	footer .innerwrap,
    	header .innerwrap,
    	#bodywrap,
    	.innerwrap-custom-header,
    	#main-navigation .innerwrap {
    		margin: 0px auto;
    		padding: 0px;
    		max-width: 1500px;
    		width: auto;
    	}
    }

    max-widthの値はサイト横幅の最大サイズです。
    1500pxの値をお好みに書き変えてください。
    現在のサイトは1440px以上1920px以下のディスプレイの時には1750pxという値が設定されています。
    この1750pxというサイズが大きすぎるため、画面いっぱいに表示されるのだと思いますので、適度なサイズにしてあげてください。

    また左側にと言っているのがいまいちわからなかったので、もしサイトを右寄せにしたいということなのであればmarginの部分を「margin: 0 0 0 auto;」に書き直してください。
    基本的にスタイルの追加はCustomCSSから行った方が間違いがないと思います。

1件の返信を表示中 - 1 - 1件目 (全1件中)
  • トピック「サイトの左に余白を追加したい」には新たに返信することはできません。