kan afbeelding in widget niet aanpassen

Goedemorgen,

Ik heb meerdere widgets op mijn front page waarvan ik de afbeelding wil vergroten. Ik heb mijn pagina breedte veranderd. Ook het blok of tabel waarin de foto staat heb ik al aangepast, maar ik krijg de foto niet groter. Ik heb op mijn site een ‘maintenance’ plugin dus ik kan geen link plaatsen maar het gaat om de eerste twee widgets die je kan zien in de demo van mijn thema: http://wpshower.com/demo/?theme=unspoken

Css opmaak van de tweede widget is nu dit:

.category {margin-bottom: 20px;}
.category-inn {padding-top: 10px;}
.category-item {width: 400px; float: left; padding: 0 10px 10px 0; border-right: 1px solid #eee;}
.category-item-photo {margin-bottom: 8px;}
.category-item-photo a, .category-item-photo img {display: inherit;}
.category-item-meta {color: #999; font-size: 10px; margin-bottom: 3px;}
.category-item-meta a {color: #999;}
.category-item-meta a:hover {color: #F50065;}
.category-item h2 {font-size: 18px; color: #323232; margin-bottom: 5px;}
.category-item h2 a {color: #323232;}
.category-item h2 a:hover {color: #F50065;}
.category-item p {color: #323232; font-size: 12px;}
.category-list {width: 299px; padding-left: 10px; float: right;}
.category-list li {padding: 10px 0; margin: -10px 0 10px; border-bottom: 1px dotted #eee;}
.category-list-meta {color: #999; font-size: 10px; margin-bottom: 3px;}
.category-list-meta a {color: #999;}
.category-list-meta a:hover {color: #F50065;}
.category-list-title {font-size: 12px; font-weight: bold;}
.category-list-title a {color: #007ac9;}
.category-list-title a:hover {color: #F50065;}

Kan iemand mij vertellen wat ik nog meer moet aanpassen om de afbeelding ook 400px te krijgen?