Проблема следующая, вы установили виджет, но он по внешнему виду не пляшет с вашим сайтом. Изменять CSS виджета не вариант, так как он при следующем обновлении затрется.
Все довольно просто, если к примеру нам надо изменить данный стиль виджета:
1 2 3 4 5 6 7 8 9 10 |
.widget { background-color: #fff; margin: 15px auto; overflow: hidden; padding: 0 0 20px; width: 980px; -moz-box-shadow: 0 1px 2px #999; -webkit-box-shadow: 0 1px 2px #999; } |
Заходим на страницу где размещен виджет и смотрим его код:
1 2 |
<div id="sidebar" class="sidebar widget-area"> <div id="popular-widget-3" class="widget widget_text"> |
Открываем style.css нашей темы и прописываем следующий код для нашего виджета:
1 2 3 4 5 |
#popular-widget-3 .widget { background-color: grey; border: 1px solid #ddd; padding: 10px; } |
Теперь виджет получит новые параметры CSS для класса и будет лучше смотреться на вашем сайте.