CSS kodlarından anlayan arkadaşlar yardım ederse sevinirim. WP'de nasıl "genişlik" değerlerini ayarlayabilirim? CSS dosyasına girdim lakin çok fazla şey var, hangisi hangisini etkiliyor anlamadım. Bozmak da istemiyorum.
Yardımınız için teşekkürler.
Kodlar Hakkında Yardım | CSS Bilenler |
6 Mesajlar | 703 Okunma | ||
- Üyelik 15.07.2015
- Yaş/Cinsiyet 26 / E
- Meslek Öğrenci
- Konum İstanbul Avrupa
- Ad Soyad S** Ş**
- Mesajlar 293
- Beğeniler 80 / 36
- Ticaret 9, (%89)
Merhaba,
CSS kodlarından anlayan arkadaşlar yardım ederse sevinirim. WP'de nasıl "genişlik" değerlerini ayarlayabilirim? CSS dosyasına girdim lakin çok fazla şey var, hangisi hangisini etkiliyor anlamadım. Bozmak da istemiyorum.
Yardımınız için teşekkürler.
CSS kodlarından anlayan arkadaşlar yardım ederse sevinirim. WP'de nasıl "genişlik" değerlerini ayarlayabilirim? CSS dosyasına girdim lakin çok fazla şey var, hangisi hangisini etkiliyor anlamadım. Bozmak da istemiyorum.
Yardımınız için teşekkürler.
- Üyelik 25.05.2015
- Yaş/Cinsiyet 32 / E
- Meslek Web Yazılım Uzmanı
- Konum İstanbul Anadolu
- Ad Soyad F** K**
- Mesajlar 833
- Beğeniler 0 / 287
- Ticaret 13, (%100)
Bunun için nereyi değiştirmek istiyorsanız mouse ile o kısma gelip sağ tuş "incele" demeniz gereklidir. Burada chrome için altta ve ya sağda konsol açılacaktır. Buradan o divi ve ya elementi etkileyen css kodunu ve bu css kodunun hangi dosya ve kaçıncı satırda olduğunu rahatlıkla görebilirsiniz.
Örnek: http://prntscr.com/ld2auj
Örnek: http://prntscr.com/ld2auj
- Üyelik 28.02.2018
- Yaş/Cinsiyet 29 / E
- Meslek Freelancer
- Konum Diğer
- Ad Soyad A** K**
- Mesajlar 3292
- Beğeniler 1797 / 1799
- Ticaret 20, (%100)
Ek olarak bulduğunuz CSS kodlarını, doğrudan tema dosyalarını editleyerek uygulamayın. En altına !important ile ekleyin veya child tema kullanıyorsanız oraya ekleyin. Böylece tema güncellendiği zaman yaptığınız değişiklikler kaybolmayacaktır.
- Üyelik 15.07.2015
- Yaş/Cinsiyet 26 / E
- Meslek Öğrenci
- Konum İstanbul Avrupa
- Ad Soyad S** Ş**
- Mesajlar 293
- Beğeniler 80 / 36
- Ticaret 9, (%89)
Ek olarak bulduğunuz CSS kodlarını, doğrudan tema dosyalarını editleyerek uygulamayın. En altına !important ile ekleyin veya child tema kullanıyorsanız oraya ekleyin. Böylece tema güncellendiği zaman yaptığınız değişiklikler kaybolmayacaktır.
Anlamadım bu demek istediğinizi. Biraz daha açıklar mısınız?
- Üyelik 28.02.2018
- Yaş/Cinsiyet 29 / E
- Meslek Freelancer
- Konum Diğer
- Ad Soyad A** K**
- Mesajlar 3292
- Beğeniler 1797 / 1799
- Ticaret 20, (%100)
FurkanKandemir 'in dediği gibi tarayıcınızı açıp Öğeyi Denetle 'ye tıklayarak gerekli css kodlarını deneyerek oluşturun. Zaten tarayıcınızdan denerken değiştirdiğiniz kodların nasıl göründüğünü canlı görürsünüz. Gerekli olan kodları deneyerek çıkardıktan sonra temaya bunları eklemek kalıyor.
Örneğin tarayıcıdan öğeyi denetle dediğinizde WMAracı'nın barı şu değerlerle görünüyor:
Sizin sitenizde de bu şekilde kodu bulup gerekli değerleri değiştirmeyi deneyin. Böylece tarayıcıdan değiştirdiğinizde test etmiş oluyorsunuz. Yani neyi değiştirmeniz gerektiğini görmek açısından.
Benim demek istediğim ise, bu kodları çıkarttığınızda, temanızın styles.css dosyasını açıp gerekli yerleri editlemeyin. Child tema kullanarak eklerseniz temanız güncellendiğinde her şey korunacak. Kaybolmayacak.
Örneğin tarayıcıdan öğeyi denetle dediğinizde WMAracı'nın barı şu değerlerle görünüyor:
#wmbar {
position: absolute;
width: 100%;
height: 45px;
top: 0;
left: 0;
min-width: 600px;
z-index: 99999;
background: url(https://wmaraci.com/resimler/bar/barbg.png) repeat-x;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}Sizin sitenizde de bu şekilde kodu bulup gerekli değerleri değiştirmeyi deneyin. Böylece tarayıcıdan değiştirdiğinizde test etmiş oluyorsunuz. Yani neyi değiştirmeniz gerektiğini görmek açısından.
Benim demek istediğim ise, bu kodları çıkarttığınızda, temanızın styles.css dosyasını açıp gerekli yerleri editlemeyin. Child tema kullanarak eklerseniz temanız güncellendiğinde her şey korunacak. Kaybolmayacak.
- Üyelik 25.05.2015
- Yaş/Cinsiyet 32 / E
- Meslek Web Yazılım Uzmanı
- Konum İstanbul Anadolu
- Ad Soyad F** K**
- Mesajlar 833
- Beğeniler 0 / 287
- Ticaret 13, (%100)
bladekardes http://prntscr.com/ld2auj resme bakınız mesela ben orda cevapla butonunu baz aldım sağ altta button:active css kodlarının style-92613123123.css dosyasının içinde 407. satır olduğunu ve mouse ile o kısmın üzerine gelirseniz bu .css dosyasının hangi klasörde oldugunu gösterecektir.