Я тоже проверил не катит😊!!!
Класс присваивается телу виджета а не всему виджету =((( А цвет фона задается в родительском теге от нашего класса...
Вариантов несколько:
1. Залить фон цветом (или картинкой) который соответствует цвету фона страницы — т.е. создать псевдопрозрачность.
2. Использовать JS. Но для решения такой узкой задачи я считаю не надо!
3. Где то в настройках виджета (или в его шаблоне), можно задать пустую обертку. Там изначально нет никакого оформления виджета (в том числе и его фона). А затем воссоздать с нуля все что вам надо. Так например сделан виджет поиска и, по моему, виджет "Аватар пользователя"
Из вышеперечисленного буду пробовать 1 вариант ))) Спасибо Вам! Хоть теперь ясно куда копать!!!