Pocket
LINEで送る
このエントリーをはてなブックマークに追加

BizVektorのテーマオプションで追加できるヘッダーロゴですが、高さが60pxに縮小されてしまいます。どちらかといえば横長のロゴを想定しているようです。そのため、縦長の大きいロゴを追加すると小さくなって見づらくなります。

そこで、

大きいヘッダーロゴを追加したいときの、CSSの調整方法がこちらになります。

 

ヘッダーロゴの高さを調整する

ヘッダーロゴのCSS

#header #site-title a img { max-height:60px;margin-top:3px; }

「max-height:60px;」はロゴ画像の高さです。「margin-top:3px;」は上の余白になります。

ヘッダーロゴの高さを最大120pxにする場合は・・・

#header #site-title a img { max-height:120px; }

 

ヘッダーロゴのサイズ調整をしたい場合について書きました。

参考にしていただけると幸いです。

 
Pocket
LINEで送る
このエントリーをはてなブックマークに追加