Sorun çözülldü değerli dostlar. Olur da benim gibi bu tür bir yardıma ihtiyacı olanlar için hangi adımları takip ettiğimi anlatayım belki birilerine rehber olabilir.

1- Öncelikle yolu uzattığımı fark ettim CSS ile kaldırılabileceğini görmezden gelip kod kısmına giriştim hocalarımı da yordum haklarını helal etsinler.
2- Chrome > İncele seçeneği ile widget'ımı inceledim ve #widget-box class kodu ile css ayarlaması yapıldığını buldum.
3- Aynı class koduna sahip başka bir öğe var mı diye kontrolü sağladım ne de olsa bir şey silelim derken istemeden gerekli yerleri de silmeyelim.
4- Temaya güncelleme geldiğinde yaptığım değişikliklerin kaybolmasını istemiyordum bu nedenle temanın kendi ayarlarına gidip Custom CSS kısmına aşağıda hazırladığım mini css kodunu ekledim. Sanırım Child Tema'nın içerisindeki style.css'e ekleyerek de yapabilirdim ama ilk seçeneği seçtim.Bu kadar sonuç; BAŞARILI. İstenmeyen öğe sitenin her bölümünde kalktı.

KOD:

#st-content-wrapper .widgets .widget-box {
display: none;
}