Sydneyのヘッダー

解決済 mayu0315
(@mayu0315)

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

子テーマを作りカスタマイズしており、下記スタイルを追加して見ましたが、うまくいかず行き詰っております。
```
.slides-container {
background-image: url("画像パス") !important;
background-position: center center !important;
}
```
どのようにすればよいのか、お教えいただきますようお願いします。

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

ishitaka
(@ishitaka)

2年、 8ヶ月前
こんにちは

下記スタイルではどうでしょうか？
```
.slide-inner:before {
	content: url("画像 URL");
}
```
トピック投稿者 mayu0315
(@mayu0315)

2年、 8ヶ月前

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

2年、 8ヶ月前
flexbox を使用するのはどうでしょうか？
```
.slide-inner::before {
	content: url("画像 URL");
}
@media only screen and (max-width: 767px) {
	.slide-inner:before {
		display: inline-flex;
		width: 50px;
	}
}
```
ishitaka
(@ishitaka)

2年、 8ヶ月前
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)

2年、 8ヶ月前

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

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

トピック「Sydneyのヘッダー」には新たに返信することはできません。