VWSとは フォーラム デザインスキン 「Pale」トップページスライドの幅の変更

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

6件の投稿を表示中 - 1 - 6件目 (全6件中)
  • 投稿者
    投稿
  • #43527

    森内愛民
    参加者

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

    #43528

    うなこ
    モデレーター

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

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

    森内愛民
    参加者

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

    #43535

    森内愛民
    参加者

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

    Attachments:
    You must be logged in to view attached files.
    #43538

    うなこ
    モデレーター
    .carousel{
    border-bottom:none;
    }

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

    #43547

    森内愛民
    参加者

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

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