2016-07-11 11 views
0

の上に画像を追加します。イメージは、ジャンボトロンヘッダーの中央にあるだけでなく、応答する必要があります。は、私が「ジャンボトロン」のヘッダー画像の上に画像を追加したいと思い、私はWordpressのテーマ「Illdy」(<a href="https://colorlib.com/illdy/" rel="nofollow">https://colorlib.com/illdy/</a>に)</p> <p>を使用していヘッダー画像(ワードプレス)

誰でも私にこれを行う方法について助言を与えることができたら、私はそれを高く評価します!

ありがとうございました!

例:

Example image

+2

あなたは何をしようとしたことがありますか?あなたのコードを共有してください、私たちはあなたを助けます。 – Rohit

+0

@cvdmの問題を修正しましたか? – RasmusGlenvig

+0

こんにちはRasmusGlenvig/Rohit - 私のURLはblackbirdit.co.zaです。ヘッダー画像に、これらの言葉の代わりに画像を配置したいと思います。したがって、「Gereformeerde Kerk Bloempark」という言葉は、反応性のあるイメージに置き換えてください。これは可能ですか? – cvdm

答えて

0

あなたはこのように行うことができ、そしてもちろん、あなたはトップを変更する必要があり、あなたが望む右の位置決めのために残しました。

.images { 
 
    position: relative; 
 
    top: 0; 
 
} 
 
.image_1 { 
 
    position: relative; 
 
    top: 0; 
 
    left: 0; 
 
} 
 
.image_2 { 
 
    position: absolute; 
 
    top: 150px; 
 
    left: 200px; 
 
    text-align: center; 
 
}
<div class="images"> 
 
    <img class="image_1" src="http://placehold.it/1500x600/ff0000/" alt=""> 
 
    <img class="image_2" src="http://placehold.it/700x300/000000/" alt=""> 
 
</div>

+0

こんにちはRasmusGlenvig - 私のURLはblackbirdit.co.zaです。ヘッダー画像に、これらの言葉の代わりに画像を配置したいと思います。 – cvdm

+0

はい、私はあなたにそれを行う方法を示しました:)私の答えに続くコードスニペットは、別のものの上にイメージを表示します。 – RasmusGlenvig

+0

Rasmusありがとうございます - 私はちょうどこのコードをどこに置くべきかわかりません?私はコードを使ってWordpressのテーマをスタイリングするのがとても新しいです。 – cvdm

関連する問題

 関連する問題