Wordpress（Bizvektor）にて、ヘッダーロゴのサイズをもっと大きくしたい

Question

wordpressを使って、HPを作っている最中です。
テーマはBizvektorで、拡張テーマにNEATを使っています。
OSはwindows。レンタルサーバーはロリポップです。

ヘッダーのロゴのサイズを大きくしたいのですが、子テーマのCSSにコードを書いても大きくなりません。
どうしたらいいでしょうか？

サイトのヘッダーのロゴサイズが小さいので、もっと大きく見やすくしたいと考えています。
こちらのサイトを参考にして、

/* ヘッダーロゴの大きさ設定 */
#header #site-title a img { max-height:100px; }

というコードをBizvektorの子テーマのスタイルシートに書きましたが、ロゴの大きさは変わっていませんでした。
手順として事前にDLしておいた子テーマを有効化して、外観＞テーマ編集のメニューを選び、「編集するテーマを選択」にて子テーマを選択した後に書きました。

子テーマのスタイルシートには

@charset "utf-8";
/*
Theme Name: biz-vektor-child
Theme URI: http://bizvektor.com
Template: biz-vektor
Description:
Author: 私の名前
Tags:
Version: 0.1.0

というコードが書かれているので、その下に #header #site-title a img { max-height:100px; } を書いています。

念のためこちらのサイトも参照して 外観＞CSSカスタマイズのメニューを開き、そちらにも上記のコードを入力して更新しましたが、それでも変化はありません。

ロゴのサイズを大きくするには、どうしたらいいでしょうか？
お分かりになる方、ご回答をお願いします。

【追記】

![
左上にあるのが、現在作っているサイトのロゴになります。イラストレーターで作成しております。
上の画像が特に何もせずに設置をした物、下の画像が #header #site-title a img { height:120px; width:300px;} というコードを子テーマのスタイルシートに記入した後の物になります。

本来もっとサイズは大きいのですが、bizvektorの仕様で設置する時にheightが６０pxに設定されてしまうようです。
widthは適用されていますが、heightは大きくなっておりません。

Answer 1

作られているページを直接見たわけではないのでおそらくですが、Bizvektorのデモページを見た感じ、作られているもののロゴが高さ60px以下だったりしませんか？横長のロゴとか
テンプレートの場合、汎用性を持たせるためにmax-height(最大高さの指定)を入れているので、実際に使う場合はheight・widthみたいに直接画像の高さ・幅を指定してしまって問題ないです。
レスポンシブの兼ね合いでmax-height指定なのかと思ったのですが、そうではないみたいですし。

Comments

[退会済みユーザー]

回答有難うございます。

子テーマのスタイルシートに、
/* ヘッダーロゴの大きさ設定 */
#header #site-title a img { height:100px; width:250px;}
というコードを書いて更新したのですが、やはりサイズは変わりません。

尚、質問文の最後に【追記】をさせて頂いております。
何かお分かりになる点があれば、ご指摘頂けると幸いです。

[退会済みユーザー]

追記です。
先ほどもう一度試したら、widthは適用されました。しかし height の大きさは変化しておりません。

こちらも【追記】に加えさせておりますので、参照して頂ければと思います。

[rossi46hiro]

実際のページを見てみていないのでなんとも言えないですが、max-heightが効きっぱなしになっているのでは？heightとmax-heightを両方指定した場合優先されるのはmax-heightです。ですのでmax-heightをnoneで上書きすれば解決するかもしれません。
Chromeなどのデベロッパーツールで使えば、当該要素になにが当たっているかは確認することができますので、それを見ながらCSSの値を修正すればいいと思います。