サポート » テーマ » Sydneyのヘッダー

  • 解決済 mayu0315

    (@mayu0315)


    Sydneyテーマを利用してます。
    ヘッダースライダーのスライドタイトルを少し下げ、タイトル文字の上に、固定で中央にロゴを入れたいです。

    子テーマを作りカスタマイズしており、下記スタイルを追加して見ましたが、うまくいかず行き詰っております。

    .slides-container {
    background-image: url("画像パス") !important;
    background-position: center center !important;
    }

    どのようにすればよいのか、お教えいただきますようお願いします。

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

    下記スタイルではどうでしょうか?

    .slide-inner:before {
    	content: url("画像 URL");
    }

    ishitaka様
    ありがとうございます。
    お教えいただいたスタイルでバッチリ表示されました。
    これをスマホ時には小さく表示させたく、色々試してますが、うまくいきません。
    どうすればいいのか、またお教えいただけるとありがたいです。

    flexbox を使用するのはどうでしょうか?

    .slide-inner::before {
    	content: url("画像 URL");
    }
    @media only screen and (max-width: 767px) {
    	.slide-inner:before {
    		display: inline-flex;
    		width: 50px;
    	}
    }

    flexbox を使用しない場合は、

    .slide-inner::before {
    	content: "";
    	background-image: url("画像 URL");
    	background-size: 150px 150px;
    	display: inline-block;
    	width: 150px;
    	height: 150px;
    }
    @media only screen and (max-width: 767px) {
    	.slide-inner:before {
    		content: "";
    		background-size: 50px 50px;
    		width: 50px;
    		height: 50px;
    	}
    }

    ishitaka様
    ありがとうございます。
    先にお教えいただいたほうはうまくいかず、後にお教えいただいたほうで解決いたしました。
    親切に迅速にお教えいただき助かりました。感謝します。

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