• 13-11-2020, 11:48:52
    #1
    Merhaba arkadaşlar;

    https://thinkglobalentl.com/ --- AB Projesi sayfası.

    Bir temada resimde belirttiğim kısmında ki boşlukları kaldırmam gerekmektedir.

    1 - Üst banner ile menü arasında ki.
    1 - Menü ile alt haber bölümü arasında ki boşlukları silmem lazım.

    css kodu vb bir yerde bulamadım.

    Bu konu hakkında yardımcı olabilecek var mı?

    Teşekkürler.

  • 13-11-2020, 12:00:49
    #2
    #header.header-layout-logo-mid .top-page-wrapper {
    1. padding-bottom: 10px;
    }
    //Bu değeri 0px olarak değiştir.
    #primary .widget {
    1. margin-top: 30px;
    2. display: block;
    }
    //margin-top: 0px; olarak değiştir
  • 13-11-2020, 12:08:58
    #3
    serdargirgin adlı üyeden alıntı: mesajı görüntüle
    #header.header-layout-logo-mid .top-page-wrapper {
    1. padding-bottom: 10px;
    }
    //Bu değeri 0px olarak değiştir.
    #primary .widget {
    1. margin-top: 30px;
    2. display: block;
    }
    //margin-top: 0px; olarak değiştir
    Bunları yapsak bile yine boşluklar oluyor hocam bi ss atma imkanınız var mı bende merak ettim?
  • 13-11-2020, 12:13:40
    #4
    İstediğin görüntü böyle bir şey ise; şunu deneyebilirsin:

    style dosyasındaki #header-section'a top: -25px; verebilirsin.

    #primary .widget {margin-top: 30px; display: block; } bölümündeki margin-top kısmını sil, top: -24px; ekle.
  • 13-11-2020, 12:14:20
    #5
    OrhanCekic adlı üyeden alıntı: mesajı görüntüle
    Bunları yapsak bile yine boşluklar oluyor hocam bi ss atma imkanınız var mı bende merak ettim?
    !important ile de değişmiyor mu ?
  • 13-11-2020, 12:17:40
    #6
    OrhanCekic adlı üyeden alıntı: mesajı görüntüle
    Bunları yapsak bile yine boşluklar oluyor hocam bi ss atma imkanınız var mı bende merak ettim?
    umutcanyildirim adlı üyeden alıntı: mesajı görüntüle
    İstediğin görüntü böyle bir şey ise; şunu deneyebilirsin:

    style dosyasındaki #header-section'a top: -25px; verebilirsin.

    #primary .widget {margin-top: 30px; display: block; } bölümündeki margin-top kısmını sil, top: -24px; ekle.
    margin silip top'a 0- verirse mobil iç içe geçicektir muhtemelen ayrıca position: absoloute olmadığı için top:- işlemide çalışmayacaktır. ki çalışsa bile sonrasında mobilde de sorun yaşayıp @media size tanımlaması gerekicek sonrasında. daha çok zora sokucaktır işi.
  • 13-11-2020, 12:19:09
    #7
    https://prnt.sc/vihkao Bende yaptım ama pek doğru olmayan gerekli erlerdeki padding ve marginleri sıfırlayıp relative top yöntemiyle boşlukları sıfırladım. Serdar Girgin hocamızın yöntemi daha doğru duruyor.
  • 13-11-2020, 12:23:55
    #8
    serdargirgin adlı üyeden alıntı: mesajı görüntüle
    margin silip top'a 0- verirse mobil iç içe geçicektir muhtemelen ayrıca position: absoloute olmadığı için top:- işlemide çalışmayacaktır. ki çalışsa bile sonrasında mobilde de sorun yaşayıp @media size tanımlaması gerekicek sonrasında. daha çok zora sokucaktır işi.
    Mobil görünümde bir problem olmuyor ama sizinki daha iyi bir yöntem, boşluğun kalmasının sebebi galiba, header'da kullanılan resimin alt bölümde beyaz renkte bir height bırakılmış, tamamıyla kullanılan resimle alakalı.
  • 13-11-2020, 12:24:22
    #9
    OrhanCekic adlı üyeden alıntı: mesajı görüntüle
    https://prnt.sc/vihkao Bende yaptım ama pek doğru olmayan gerekli erlerdeki padding ve marginleri sıfırlayıp relative top yöntemiyle boşlukları sıfırladım. Serdar Girgin hocamızın yöntemi daha doğru duruyor.
    Çözümlenmezse style dosyasını paylaşın gerekli düzenlemeleri yapıp gönderirim.