Ufak bir WordPress CSS İşlemi.

Question

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?

oguzhanx · Answer

@media screen and (max-width: 500px) { 
.vc_custom_1667588486594 {
margin: 0 auto !important;
}
}

Canepe · Answer

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.

asigo · Answer

Yellow pencil plugin ile yapabilirsiniz

oguzh4nk · Answer

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

oguzhanx · Answer

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;
}
}

oguzh4nk · Answer

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.

oguzhanx · Answer

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;
}
}

oguzh4nk · Answer

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?

oguzhanx · Answer

oguzh4nk adlı üyeden alıntı:						mesajı görüntüle									yok hocam yine olmadı. ücreti ile yardımcı olur musunuz? 		Aktif !important tanımlamasını iptal etmiyorsun. Whatsapp' tan yazabilirsin, ücrete gerek yok böyle bir işlem için elbette.

oguzh4nk · Answer

oguzhanx adlı üyeden alıntı:						mesajı görüntüle									Aktif !important tanımlamasını iptal etmiyorsun. Whatsapp' tan yazabilirsin, ücrete gerek yok böyle bir işlem için elbette. 		Hocam Whatsapp no iletir misiniz? PM kutunuz dolu. Yada isterseniz sitenin admin panel bilgilerini iletebilirim. Ücret istemem demişsiniz ama hakkınız neyse verelim hocam, o kadar zahmet edip ilgilendiniz sonuçta.

oguzhanx · Answer

oguzh4nk adlı üyeden alıntı:						mesajı görüntüle									Hocam Whatsapp no iletir misiniz? PM kutunuz dolu. Yada isterseniz sitenin admin panel bilgilerini iletebilirim. Ücret istemem demişsiniz ama hakkınız neyse verelim hocam, o kadar zahmet edip ilgilendiniz sonuçta. 		Profilimde yer alıyor Whatsapp bağlantısı.