[SOLVED] How to adjust image spacing in the "Block New Products"

[Shaun]

Hello All,

I'm trying to adjust the spacing in the "New Products" block, but having a little trouble. I looked in the /public_html/modules/blocknewproducts/blocknewproducts.php and also looked in the global CSS file, but can't seem to figure out how to adjust the spacing.
I've attached a screenshot, thanks in advance for any advice.

[Guest]

.products_block li img {
float:left;
margin-left:6px;
vertical-align:top;
}

Edit from your global.css

[Shaun]

Thanks Black Sand, I'll give it a try a little later...

[Shaun]

I tried to find the following code you said I needed to change in the global CSS (see below)...

.products_block li img {
float:left;
margin-left:6px;
vertical-align:top;
}

I could only find the following in my themes/global CSS ...

.products_block li img {
vertical-align: top;
float: left;
margin-right: 0.2em;
}

Are you saying I need to replace the code i currently have with the code you indicated in your reply? Thanks...

[Guest]

Write my code instead of yours.

[Shaun]

Black Sand,

Thanks for the help, I overwrote the code and it initially looked better, the only side effect was that the image on the Specials Block is now overlapping the text. I tried adjusting the pixels down from 6px, but I had to go all the way back down to 2px for the text not to overlap on the Specials Block. With that in mind, I restored the original code.