• 12-06-2021, 14:49:06
    #1
    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
    • 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
    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.
    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.