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:

#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.