サポート » テーマ » BusinessPressのTOPページヘッダー画像

  • 解決済 siroitotan2022

    (@siroitotan2022)


    現在テストで作成中です。
    TOPページのホームページヘッダーを上部いっぱいに表示させたいと思います。
    下記のコードで表示されるようになるのですが、

    .main-header-original {
    	top:0;
      left:0;
    	position: absolute;
    	z-index:1;
    	width: 100%;	
    }
    .main-header{
      background-color: rgba(255,255,255,0.5);
    	padding-top:15px;
    	padding-bottom:15px;
    }

    他のページのコンテンツが上にかぶるようになってしまいます。
    http://test.akaitotan.jp/works/
    そこで、ホームページヘッダーを使用しないでTOPページ(固定ページ)に画像を配置してみましたが
    どうしてもグローバルメニューの下にしか画像を表示することができません。
    他のページに影響することなくグローバルメニューの下まで画像をいっぱいに表示させることは可能でしょうか。
    よろしくお願い致します。

    ヘルプの必要なページ: [リンクを見るにはログイン]

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • Aki Hamano

    (@wildworks)

    @siroitotan2022 さん

    こんにちは。

    TOPページのみスタイルを変えたい場合は、bodyタグに付与されるhomeというクラスを利用して以下のように書けます。

    body.home .main-header{
    	top:0;
    	left:0;
    	position: absolute;
    	z-index:1;
    	width: 100%;	
    	background-color: rgba(255,255,255,0.5);
    	padding-top:15px;
    	padding-bottom:15px;
    }
    スレッド開始 siroitotan2022

    (@siroitotan2022)

    Tetsuaki Hamano (@wildworks)さん

    早々にご返信ありがとうございます。

    なるほど!そうですね。
    ご指摘の通りに修正したら、出来ました!

    感謝申し上げます!

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • このトピックに返信するにはログインが必要です。