サイトヘッダーの画像

解決済 syntaro
(@syntarou)

1年、 10ヶ月前
たびたびすいません。

PHP/CSSについて質問です、サイトヘッダーの画像のサイズを変更できません。
テーマは、Lightningフリーの子テーマを使用しています。

以下のstyle2.cssを、
add_action(‘wp_footer’, からコールしているのですが、
どうしても、1000pxの幅に設定できません。maxつけても、importantつけてもできないです。

URLのサイトは練習用ですが、ヘッダーの画像がうまくはまりません。
lightning-common-style-css　をカスタマイズする画面はありますか？
```
/* ヘッダーの上半分 */
#site-header {
	font-size: 0;
	display: flex;
	opacity: 1;
	background-color: lightgreen;
}

#site-header .container {
	background-color: lightblue;
}

#site-header-logo {
	background-color: blue;
	width: 1000px !important;
	height: 200px !important;
	font-size: 0;
}

#site-header-logo span {
	width: 1000px !important;
	height: 200px !important;
	background-color: pink;
}

#site-header-logo img {
	width: 1000px !important;
	height: 200px !important;
	background-color: pink;
}
```
よろしくおねがいします。

ヘルプの必要なページ: [リンクを見るにはログイン]

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

munyagu
(@munyagu)

1年、 10ヶ月前

こんにちは

#site-header-logoじゃなくて.site-header-logoじゃないでしょうか？

Hidekazu Ishikawa
(@kurudrive)

1年、 10ヶ月前

該当ページの site-header に画像が指定されっているように見えなかったので、
記載の説明だと何をどうしたいのかわかりませんでした。

とりあえず lightning-common-style-css は直接カスタマイズしたらアップデートで消えるので変更しないようにしてください。
トピック投稿者 syntaro
(@syntarou)

1年、 10ヶ月前
munyaguさま、
```
/* ヘッダーの上半分 */
.site-header {
	font-size: 0;
	display: flex;
	opacity: 1;
	background-color: lightgreen;
}

.site-header .container {
	background-color: lightblue;
}

.site-header-logo {
	max-width: 250px !important;
	width: 250px !important;
	height: 82px !important;
	font-size: 0;
}

.site-header-logo span {
	max-width: 250px !important;
	width: 250px !important;
	height: 82px !important;
}

.site-header-logo img {
	max-width: 250px !important;
	width: 250px !important;
	height: 82px !important;
}
```
上記CSSで、設定できました

Ishitakaさま、
<style id=’lightning-common-style-css’ type=’text/css’>タグの中を、
上書きできないと勘違いしたためにあの文脈になりました。
（ファイルを直接書き換えるという意味ではありませぬ）。
wp_footerで、セレクタを間違えなければ大筋カスタマイズできるみたいでした。

お騒がせしました。またよろしくお願いします。
ほんとにいつもありがとうございます。
P.S.
ファイル名の日本語を修正するさい、ファイルが一時的に消えてしまったようでした。
- この返信は1年、 10ヶ月前にsyntaroが編集しました。