0
Kayıt Ol

Wordpress'te alt alan ile header alanı nasıl birleşir?

2

●

64

  • 12-06-2021, 14:49:06
    #1
    Sebu
    Sebu
    Dostlar merhaba, Elementor eklentisi sayesinde bir anasayfa tasarımı yapıyorum. Aşağıdaki resimde görüldüğü üzere, header alanının altındaki arkaplan resmini, header alanına nasıl çekebilirim? Header alanı ile bir aşağıdaki içerik alanı birleşsin, bütünleşsin istiyorum. Umarım anlatabilmişimdir.
    İstediğim header örneği: https://www.cevizbilisim.com.tr/
  • Kabul Edilen Cevap
    • SalihDurak
      0 Beğeni
      Mesaja Git
      Merhabalar,
      • Header'ın olduğu sectionu düzenlemek için açın
      • Style > Background kısmından arkaplan rengini saydam yapın
      • Header'e Layout kısmından sabit bir yükseklik verin (örn. 80px) bu ayarı Min Height kullanarak yapabilirsiniz
      • Anasayfanızı düzenlemek için açın hero barı yani arkaplana almak istediğini section'ı Advanced ayarlarından negatif yönde Margin vererek yukarı çekin (Top yazan kısma kısma header'e verdiğiniz yükseliği başına "-" işareti koyarak ekleyin yani ben 80 verdiğim için o kısma -80 yazacağım.)
      • Eğer fotoğraf yazıların üstüne biniyor ise fotoğrafın olduğu Section'a Advanced > Z Index yolunu kullnarak 1 değerini verin, sonrasında headerınıza yine aynı yoldu izleyerek 2'den yüksek bir değer verin.
      İyi çalışmalar.
  • 12-06-2021, 14:52:44
    #2
    Rawt
    Rawt
    header alanını kapsayan div'e "position: absolute; background: transparent;" css'ini eklemeyi deneyin.
  • 12-06-2021, 15:00:14
    #3
    Bu cevap, konu sahibi tarafından kabul edilebilir bir cevap olarak işaretlendi.
    SalihDurak
    SalihDurak
    Merhabalar,
    • Header'ın olduğu sectionu düzenlemek için açın
    • Style > Background kısmından arkaplan rengini saydam yapın
    • Header'e Layout kısmından sabit bir yükseklik verin (örn. 80px) bu ayarı Min Height kullanarak yapabilirsiniz
    • Anasayfanızı düzenlemek için açın hero barı yani arkaplana almak istediğini section'ı Advanced ayarlarından negatif yönde Margin vererek yukarı çekin (Top yazan kısma kısma header'e verdiğiniz yükseliği başına "-" işareti koyarak ekleyin yani ben 80 verdiğim için o kısma -80 yazacağım.)
    • Eğer fotoğraf yazıların üstüne biniyor ise fotoğrafın olduğu Section'a Advanced > Z Index yolunu kullnarak 1 değerini verin, sonrasında headerınıza yine aynı yoldu izleyerek 2'den yüksek bir değer verin.
    İyi çalışmalar.