HOME フォーラム BizVektor ヘッダーロゴ画像のサイズ変更について

このトピックには9件の返信が含まれ、8人の参加者がいます。1 週、 5 日前 GO さんが最後の更新を行いました。

10件の投稿を表示中 - 1 - 10件目 (全10件中)
  • 投稿者
    投稿
  • #810

    sussy0707
    参加者

    はじめまして。

    初めての投稿です。どうぞよろしくお願いします。

    さて表題のとおり、ヘッダーロゴのサイズを変更したく、当フォーラムに投稿があった
    【重要】 お読みください/[済]ロゴサイズの変更について
    を拝見したのですが、うまくいきません。
    子テーマのstyle.cssに「#header #site-title a img {max-height:300px;}」の一文は追加しましたが、
    style_oldie.cssというファイルがみあたりません。
    BizVektorのバージョンは0.9.2.7です。
    表示させたい画像のサイズは、850px*120pxです。←縮小されて表示されてしまいます。

    どうすればうまくいくか、ご教授頂けますと幸甚です。

    宜しくお願い致します。

    #812

    sussy0707
    参加者

    申し訳ありません、自己解決しました。

    お騒がせしました・・

    #1775

    jintarou
    参加者

    はじめまして。

    はじめて、投稿させていただきます。

    ワードプレス超初心者です。
    ヘッダーロゴのサイズを大きくしたいのですが、どこで変更すればいいのかわかりません。

    子テーマというのもわからないです。

    どなたかご教授いただけると助かります。
    よろしくお願いいたします。

    #1779
    じょに次郎
    じょに次郎
    モデレーター
    #1782

    jintarou
    参加者

    じょに次郎様

    お返事ありがとうございます。
    子テーマををインストールし、

    テーマの編集にて
    子テーマのstyle.cssに「#header #site-title a img {max-height:300px;}」
    style_oldie.cssに「#header #site-title a img { height:画像の高さpx;}」を記述追加したのですが、
    ロゴサイズ変更されません。

    どうしたらよいでしょうか?
    ご教授いただけると助かります。
    よろしくお願いいたします。

    #3911

    aokikeita
    参加者

    はじめまして。
    青木と申します。

    headerロゴのサイズの高さを100pxにしたくてcssカスタマイズのテキストエリアに

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

    を入力して更新したのですがサイズが変わりません。これだけではダメなのでしょうか?
    ちなみに子テーマからも実行してみたのですが小さいままでした。
    どなたかご教授お願いいたします。

    #3914

    honda3
    参加者

    Bizvektor本体1.7.6
    デザインスキン:plain

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

    上記をcssカスタマイズに記述し試しましたが、自分の環境では問題ありませんでした。

    Bizvektor本体のバージョンが古いか、グローバルエディションだと上手くいかないかも知れません(未確認)

    #3915

    magonote
    モデレーター

    rebuildなら
    @media (min-width: 970px) {
    #header .innerBox #site-title img { max-height:100px; }
    }

    たぶん、グローバルエディションでも同じです。

    #8086

    rtunma
    参加者

    magonoteさま

    横から失礼いたします、Calmly使用中の初心者です。
    解決していないようなので、続けて質問したいと思います。
    (上記にある解決方法は試しましたが反映されませんでしたので)
    最後に書かれている

    @media (min-width: 970px) {
    #header .innerBox #site-title img { max-height:100px; }
    }

    を子テーマstyle.cssに記載/更新してもダメ(キャッシュクリアなども効かず)
    CSSカスタマイズに書いても反映されませんでした。

    ほか、こちらのサイトをそのまま行ってダメ、
    こちらも見てみましたが、
    「変更したいところを書き換えて」が、初心者ゆえいまいち分からず(苦)、
    「電話番号とかどうでもいいからこのエリアをバナーに変更したい!」の方をトライして、
    デザイン設定/ヘッダーロゴ画像をなしにしたところ、h1のサイト名が表示されてしまい、
    八方ふさがりになってしまいました。

    ただ、ヘッダーロゴ画像の縦横を規定の縦60pxより大きくして、画像原寸サイズで表示させたいだけなのですが…

    ご教示いただけましたらありがたいです。
    よろしくお願いいたします。

    #8877

    GO
    参加者

    もう解決されていらっしゃるかもしれませんが。
    以下の手順でできました。

    ブラウザでwebを表示し、ロゴを右クリック、「要素を調査」でインスペクター・ルールを表示。
    右カラムに css にある max-height の数字を適宜変更して、最適な倍率を決定(私の場合は 90px でした)。
    そのカラムにある記載をコピー(私の場合は #header .innerBox #site-title a img {max-height: 90px;} )。
    WordPress の管理画面で「外観」→「CSSカスタマイズ」を開き、「デザインをカスタマイズしたい場合は下記のテキストエリアにCSSを入力してください。」と書かれているところに、上記コピーしたものを貼り付け、「CSSを更新」をクリック。

10件の投稿を表示中 - 1 - 10件目 (全10件中)

このトピックに返信するにはログインが必要です。