0
Kayıt Ol

Ufak bir WordPress CSS İşlemi.

11

●

170

  • 04-11-2022, 22:06:10
    #1
    oguzh4nk
    oguzh4nk
    Merhaba arkadaşlar, www.aycatuluce-com-tr web sitemizde slider alanı menünün biraz altında kalıyor. Üst kısımdan boşluk verdiğimde tam yerine oturuyor fakat bu seferde mobilde çok açık kalıyor üst kısım. Yardımcı olabilecek arkadaşlar pm gönderebilir mi?
  • 04-11-2022, 22:10:04
    #2
    oguzhanx
    oguzhanx
    @media screen and (max-width: 500px) {
    .vc_custom_1667588486594 {
    margin: 0 auto !important;
    }
    }
  • 04-11-2022, 22:10:15
    #3
    Canepe
    Canepe
    Media query araştırarak çözüme ulaşabilirsiniz. Mobil, Tablet ve PC tarafında media query ile ayrı ayrı css yazmak oldukça kolaydır.
  • 04-11-2022, 22:12:25
    #4
    asigo
    asigo
    Yellow pencil plugin ile yapabilirsiniz
  • 04-11-2022, 22:13:03
    #5
    oguzh4nk
    oguzh4nk
    oguzhanx adlı üyeden alıntı: mesajı görüntüle
    @media screen and (max-width: 500px) {
    .vc_custom_1667588486594 {
    margin: 0 auto !important;
    }
    }
    Bu kodu nereye ekleyeceğim hocam? Özelleştir kısmından EK CSS kısmına eklediğimde bir değişiklik olmadı.


    Canepe adlı üyeden alıntı: mesajı görüntüle
    Media query araştırarak çözüme ulaşabilirsiniz. Mobil, Tablet ve PC tarafında media query ile ayrı ayrı css yazmak oldukça kolaydır.
    Hocam şu an araştırabilecek bir durumda değilim. Eşimle balayına geldik, müşterim bir slider eklememi rica etti. Slideri ekleyince sorunu farkettim
  • 04-11-2022, 22:20:42
    #6
    oguzhanx
    oguzhanx
    oguzh4nk adlı üyeden alıntı: mesajı görüntüle
    Bu kodu nereye ekleyeceğim hocam? Özelleştir kısmından EK CSS kısmına eklediğimde bir değişiklik olmadı.
    Merhaba,

    varsayılan margin-top değerine !important eklendiği için aktifleştiremiyor media içerisindeki değeri. Manuel olarak eklediyseniz o kodu silin, ara yüzden yaptıysanız margin-top işlemini iptal edin ve ardından aşağıdaki kodu ekleyin Custom CSS bölümüne.

    .vc_custom_1667588486594 {
    margin-top: 50px;
    }

    @media screen and (max-width: 500px) {
    .vc_custom_1667588486594 {
    margin-top: 0 !important;
    }
    }
  • 04-11-2022, 22:25:27
    #7
    oguzh4nk
    oguzh4nk
    oguzhanx adlı üyeden alıntı: mesajı görüntüle
    Merhaba,

    varsayılan margin-top değerine !important eklendiği için aktifleştiremiyor media içerisindeki değeri. Manuel olarak eklediyseniz o kodu silin, ara yüzden yaptıysanız margin-top işlemini iptal edin ve ardından aşağıdaki kodu ekleyin Custom CSS bölümüne.

    .vc_custom_1667588486594 {
    margin-top: 50px;
    }

    @media screen and (max-width: 500px) {
    .vc_custom_1667588486594 {
    margin-top: 0 !important;
    }
    }
    Hocam malesef yine olmadı. margin-top: 50px olan değeri 120lere kadar çıkarttım ama görüntü hala menü altında kalıyor.
  • 04-11-2022, 22:29:05
    #8
    oguzhanx
    oguzhanx
    oguzh4nk adlı üyeden alıntı: mesajı görüntüle
    Hocam malesef yine olmadı. margin-top: 50px olan değeri 120lere kadar çıkarttım ama görüntü hala menü altında kalıyor.
    Yaptığınız margin işlemlerini iptal edin ve aşağıdaki kodu yazın, daha da olmadı demeyin ama.

    @media screen and (min-width: 750px) {
    .vc_custom_1667588486594 {
    margin-top: 120px !important;
    }
    }
  • 04-11-2022, 22:35:14
    #9
    oguzh4nk
    oguzh4nk
    oguzhanx adlı üyeden alıntı: mesajı görüntüle
    Merhaba,

    varsayılan margin-top değerine !important eklendiği için aktifleştiremiyor media içerisindeki değeri. Manuel olarak eklediyseniz o kodu silin, ara yüzden yaptıysanız margin-top işlemini iptal edin ve ardından aşağıdaki kodu ekleyin Custom CSS bölümüne.

    .vc_custom_1667588486594 {
    margin-top: 50px;
    }

    @media screen and (max-width: 500px) {
    .vc_custom_1667588486594 {
    margin-top: 0 !important;
    }
    }
    oguzhanx adlı üyeden alıntı: mesajı görüntüle
    Yaptığınız margin işlemlerini iptal edin ve aşağıdaki kodu yazın, daha da olmadı demeyin ama.

    @media screen and (min-width: 750px) {
    .vc_custom_1667588486594 {
    margin-top: 120px !important;
    }
    }
    yok hocam yine olmadı. ücreti ile yardımcı olur musunuz?