PHP help for wordpress theme

[oneofayykind]

Sorry if I'm posting in the wrong section of this forum. I am currently altering a theme in wordpress and I'm stuck at what I believe to be some php stuff. In my header.php file i have a div that reads:

<?php $featured = new WP_Query("cat=".get_wpn_config('featured_category_id')."&showposts=5"); while($featured->have_posts()) : $featured->the_post();?>
<li><a href="<?php the_permalink(); ?>"><img src="<?php echo get_post_meta($post->ID, "thumbnail", true); ?>" alt="" /><?php the_title(); ?></a></li>
<?php endwhile; ?>

What I'm trying to do is set the thumbnail image size to 50px by 50px. I change the css to that but it defaults back to a width of 34px. You can see exactly what I'm talking about at http://www.droidedup.com/testing/droidedup

 

Here is what the output HTML looks like:

<ul class="fthumbs">
<li style="width: 34px; display: list-item; " class=""><a href="http://droidedup.com/testing/droidedup/?p=25" class=""><img src="http://droidedup.com/testing/droidedup/wp-post-thumbnail/xwSOm.jpg" alt="">Testing 123…Testing Testing Testing</a></li>
<li style="width: 34px; display: list-item; " class=""><a href="http://droidedup.com/testing/droidedup/?p=22" class=""><img src="http://droidedup.com/testing/droidedup/wp-post-thumbnail/Mm7dCd.jpg" alt="">This is a test article, this is only a test</a></li>
<li style="width: 34px; display: list-item; " class=""><a href="http://droidedup.com/testing/droidedup/?p=19" class=""><img src="http://droidedup.com/testing/droidedup/wp-post-thumbnail/jBuPJU.jpg" alt="">The Fan Named HTC Wildfire Becomes Official, AKA The Mini Desire Heading To The U.K.</a></li>
<li style="width: 34px; display: list-item; " class=""><a href="http://droidedup.com/testing/droidedup/?p=16" class=""><img src="http://droidedup.com/testing/droidedup/wp-post-thumbnail/jdvuzA.jpg" alt="">Sprint HTC Hero finally getting official 2.1 update</a></li>
<li style="width: 254px; display: list-item; " class="active"><a href="http://droidedup.com/testing/droidedup/?p=13" class="activeSlide"><img src="http://droidedup.com/testing/droidedup/wp-post-thumbnail/hC6RVg.jpg" alt="">HTC EVO 4G Reviewed – Battery life the bottleneck</a></li>
									</ul>

 

My CSS code is:

.header .featured .fthumbs li {float:left;padding:1px;border:0px solid #fff;width:50px;overflow:hidden;height:50px;margin-right:10px;-moz-border-radius:0px;-webkit-border-radius:0px;}
.header .featured .fthumbs li.active {width:254px;}
.header .featured .fthumbs li img {vertical-align:middle;margin-right:5px;display:inline-block;width:50px;height:50px;}
.header .featured .fthumbs li a {font-size:11px;font-weight:bold;display:block;}
.header .featured .fthumbs li a:hover {text-decoration:none;}

 

Again sorry if I am posting in the wrong forum. I am completely stumped and don't know much about php yet.

[oneofayykind]

I found the answer in the common.js file.