サポート » テーマ » サイトヘッダーの画像

  • 解決済 syntaro

    (@syntarou)


    たびたびすいません。

    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件中)
  • こんにちは

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

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

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

    トピック投稿者 syntaro

    (@syntarou)

    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年、 2ヶ月前にsyntaroが編集しました。
3件の返信を表示中 - 1 - 3件目 (全3件中)
  • トピック「サイトヘッダーの画像」には新たに返信することはできません。