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

Sydneyのヘッダー

  • 解決済 mayu0315

    (@mayu0315)


    1年、 2ヶ月前

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

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

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

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

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

    (@ishitaka)

    1年、 2ヶ月前

    こんにちは

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

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

    (@mayu0315)

    1年、 2ヶ月前

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

    ishitaka

    (@ishitaka)

    1年、 2ヶ月前

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

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

    (@ishitaka)

    1年、 2ヶ月前

    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;
	}
}
    mayu0315

    (@mayu0315)

    1年、 2ヶ月前

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

5件の返信を表示中 - 1 - 5件目 (全5件中)
  • トピック「Sydneyのヘッダー」には新たに返信することはできません。

表示