Viewed Product (Right Column): Enlarging Picture Thumbnail and Centering

[philee]

Hi,

 

I've been using FireBug to try and figure out how to move the image to the right and trying to enlarge the image thumbnail so it fit the size of the block, but I have no luck.

 

 

The current code for the Viewed Product Block is below. Thanks in advance for your assistance.

 

div#viewed-products_block_left ul li.last_item {
   margin: 0;
}
div#viewed-products_block_left h5 {
   padding: 5px 0 0;
}
div#viewed-products_block_left h5 a {
   font-weight: bold;
   color:  #fff;
}
div#viewed-products_block_left p {
   color: #fff;
   font-size: 12px;
}
div#viewed-products_block_left p img {
   margin: 8px 0 0 18px;
}

 

 

 

 

 

[Snade]

I need to have access in order to give you full step-by-step solution, but I believe you should change the image size first from the backoffice, then in the module tpl file, and finally make the css arrange everything the way you want.

 

Give url so we can inspect the element with firebug and give you more clear solution