「Pale」トップページスライドの幅の変更

[森内愛民]

Lightning Pro + Pale（最新版）でサイト構築をしています。
トップページのスライド画像の幅（デフォルトではウィンドウサイズフルになっています）を
PCでの閲覧時のみ「コンテンツ幅」に固定するようにしたいです。
（モバイルで閲覧時は現状のままウィンドウサイズフルの状態が希望）
修正方法をご教授お願いします。

[うなこ]

カスタマイズの追加CSS、もしくは子テーマのCSSなどに以下のCSSを追加でいかがでしょうか

@media (min-width: 992px){
	.slide-main .carousel-item picture {
			display: block;
			max-width: 1110px;
			margin: 0 auto;
	}
}

[森内愛民]

解決しました！ありがとうございます。

[森内愛民]

もう一点お願いします。PCのブラウザ(MacOSのSafari）で確認していたところ、
スライド画像の下端に、ウィンドウフルの位置まで薄い罫線のようなものが出ています。
（添付画像）
こちらを消すことは可能でしょうか？

Attachments:

You must be logged in to view attached files.

[うなこ]

.carousel{
border-bottom:none;
}

こちらのcssでいかがでしょうか？

[森内愛民]

消えました！勉強になりました、ありがとうございます。
CSSを追記した際にブラウザにキャッシュ？が残っているようで何度もリロードしたり履歴を削除したりしないと、修正などが反映されないようで．．．色々経験になります。

[投稿者]

投稿