BizVektorのヘッダーロゴのサイズを変更してみました

※ 今のテーマは、OPENCAGEの「ストーク」を使用

知り合いに当ブログ「秘亭のネタ」Blogの紹介をしましたら「ひてい?のネタ」とよく言われます。

 

BizVektorのヘッダーロゴのサイズを変更してみました

 

BizVektorのテーマオプションで追加できるヘッダーロゴは高さが60pxに縮小されるためのようです。

そこで、ヘッダーにタイトル部分を広げることにしました。

ビズベクトル

 

 

編集方法

ダッシュボード → 外観 → CSS編集  

2ビズベクトル

 

このコメントを削除し、カスタマイズします。

 

32ビズベクトル

 

「テーマのスタイルシートの内容をここにコピーする必要はありません。追加したい内容だけを書き込んでください。」とかいてありますね。

 

 ヘッダーロゴのCSS

 

「max-height:60px;」を「max-height:100px;」にすればロゴ画像の高さが最大100pxになります。

「margin-top:3px;」(上の余白)は調整不要であれば削除して大丈夫のようです。

 

ヘッダーロゴの高さを最大100pxに

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

をcssエディターに書きこみます。

 

 

保存を忘れないように。

 

CSS

 

変更できました。

ひめてい

 

 

比べてみましょう。

 

【変更前】

ビズベクトル

 

【変更後】

ひめてい

 

 

注意

必ずご自身の責任と判断によって行ってください。

backupをお取りになってからの作業をお薦めいたします。

 

参 考

コチラの記事を参考いたしました

https://www.nishi2002.com/8513.html

おすすめ書籍
Pocket

カテゴリー

当ブログの記事に共感していただけたら、嬉しいです。

2 件のコメント

  • 【BizVektorのヘッダーロゴのサイズを変更してみました】について
    浅田と申します。
    記事について1点ご質問させていただきます。
    現サイトでは
    「秘亭のネタ」というヘッダーロゴが中央にきていますが、中央に来るためのカスタマイズはどのようにすればよいのでしょうか?

    • コメントありがとうございます。
      最初BizVektorを使っておりましたが 画像変更がうまく動作しないため
      現在は「minimalwp」のテーマを使っております。

  • コメントを残す

    メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

    This site uses Akismet to reduce spam. Learn how your comment data is processed.