ヘッダー画像の上に枠線を入れたい

Simplicityの特徴 フォーラム Simplicityについての質問 ヘッダー画像の上に枠線を入れたい

このトピックには8件の返信が含まれ、2人の参加者がいます。2 ヶ月、 4 週間前 かなちゅう さんが最後の更新を行いました。

  • 投稿者
    投稿
  • #60637

    かなちゅう

    タイトルのままですが、ヘッダーに画像を使っていまして、その上に枠線のようなものを追加したいと思っています。CSSでできることなのか、方法など教えていただければ幸いです。

  • #60640
    わいひら
    わいひら
    キーマスター

    そういったカスタマイズならCSSでできると思います。
    ただ、実際のソースコードを見たいので出来ればカスタマイズ対象ページのURLを提示していただければと思います。

  • #60641

    かなちゅう

    お世話になります。

    http://lp.mrswatanabe.jp/

    こちらが対象ページになります。

  • #60643
    わいひら
    わいひら
    キーマスター

    URLを見てみたんですが、ヘッダーに画像が使われていないっぽいんですけど、どの部分のことでしょうか?

  • #60647

    かなちゅう

    すみません。

    画像が消えていました。

    トップバナーを追加しました。

  • #60655
    わいひら
    わいひら
    キーマスター

    画像の上に枠線ということなので、以下のようにするということでしょうか。

    単に、画像の上といっても、画像の上側なのか、画像の上辺なのか、レイヤー上の上層なのか.いろいろな意味にとれます。もし違うようでしたら、もう少し詳しく説明をお願いします。

  • #60656

    かなちゅう

    説明不足ですみません。

    イメージとしては、こんな感じです。

    こちらは、ワードプレスの管理画面なので、黒色になっていますが、一般の方が見る通常画面でも、黒の部分を背景色(ピンク)と同じにして、ヘッダー画像の上にピンクを付け加えたいと思っております。

  • #60657
    わいひら
    わいひら
    キーマスター

    それだったら、枠線ではなくて背景色が見えるように余白を入れれば良いのではないかと思います。
    子テーマのstyle.cssに以下のコードを貼り付けるといけるかと思います。

    #h-top {
        margin-top: 10px;
    }

    幅などは数値を変更して調節してください。

  • #60659

    かなちゅう

    イメージしていたものを作ることができそうです!

    margin-top: 10px;の数字を調整して、
    見やすくしてみたいと思います。

    このたびはありがとうございました。

トピック「ヘッダー画像の上に枠線を入れたい」への新規返信追加は締め切られています。

スポンサーリンク
アドセンス(大)
アドセンス(大)