• 24-03-2022, 21:13:58
    #1
    Merhaba. Temanın kendi menusünü kullanıyorum ve menüde bir tane başlığa ayrı renk ve background girmek istiyorum. Panelden wordpress menüye girip orada css i açıp o başlığa css giriyorum ama bir değişiklik olmuyor. Bunun çözüm yolu nedir? Oraya css ekleyeceksem hangi türde çalışıyor.

    Sıfırdan farklı bir header yapabilirim ama direk bu header üzerinden yürümek daha iyi oluyor.
  • 24-03-2022, 21:32:37
    #2
    Selamlar hocam, genelde wordpress'in ek css bölümü üstte yüklediği için girdiğiniz css kodunun sonuna !important koymayı denediniz mi? Sınıfı doğru seçtiyseniz bunla çalışacaktır.
  • 24-03-2022, 21:33:51
    #3
    ErenTheCake adlı üyeden alıntı: mesajı görüntüle
    Selamlar hocam, genelde wordpress'in ek css bölümü üstte yüklediği için girdiğiniz css kodunun sonuna !important koymayı denediniz mi? Sınıfı doğru seçtiyseniz bunla çalışacaktır.
    Nasıl oluyor tam olarak anlayamadım hocam. Örnek bir color css ile birlikte atar mısınız
  • 24-03-2022, 21:37:48
    #4
    yazarbey adlı üyeden alıntı: mesajı görüntüle
    Nasıl oluyor tam olarak anlayamadım hocam. Örnek bir color css ile birlikte atar mısınız
    Tabii ki.

    "color: #fff !important;"

    Bu şekilde kodunuzun sonuna !important eklemeyi deneyin. Ama dikkatli olun !important büyük bir kapsayıcıdır. media quary'leri de etkileyebilir.
  • 24-03-2022, 21:42:24
    #5
    ErenTheCake adlı üyeden alıntı: mesajı görüntüle
    Tabii ki.

    "color: #fff !important;"

    Bu şekilde kodunuzun sonuna !important eklemeyi deneyin. Ama dikkatli olun !important büyük bir kapsayıcıdır. media quary'leri de etkileyebilir.
    Çözümü buldum. Lazım olan veya arayanlar içinde şuraya yazayım.

    Menüden css class giriyorsunuz: menu-button gibi ondan sonra customize bölümünden wordpress'in Additional css' e girip
    .menu-button {
    background-color:#eb5e28;
    border:1px;
    border-radius:3px;
    -webkit-box-shadow:1px 1px 0px 0px #2f2f2f;
    -moz-box-shadow:1px 1px 0px 0px #2f2f2f;
    box-shadow:1px 1px 0px 0px #2f2f2f;
    }
    .menu-button a, .menu-button a:hover, .menu-button a:active {
    color:#fff !important;
    }

    Bunu ekliyorsunuz ve sorun çözülüyor. Buradaki kod buton şekline getiriyor. İsteyen background color olarak girebilir.