New Products Block not displaying correctly

[Nepherael]

My new products block is not displaying correctly. The pictures aren't lined up with the products and they don't even sit next to them. 

 

I have attached an image of the error. The website is pendrypowdershop.com but I might remove it until I can figure this out with you guys.

 

One of the main issues based on other topics I've read is that the images are still labeled with _default (E.G. medium_default, large_default, thickbox_default). I cannot get this to change because in my images settings there's one of each type of label. I have included a picture of that too. I have tried deleting certain thumbnail labels in the images tab in the back office but it does not delete the image when I regenerate thumbnails (I deleted medium_default but it did not delete it on my server when I regenerated thumbnails)

 

I have also moved images and tried legacy file system on and off

 

If the image labeling isn't the problem can you please help me out. If the image labeling is the problem let me know how I can fix it.

 

Edit: I could have just deleted the image labels without _default and then renamed them (delete medium, then rename medium_default to medium) but I did not want to do that until someone told me it wouldn't make me loss all my product displays

Edited February 28, 2014 by Nepherael (see edit history)

[vekia]

your problem is strictly related to css styles

can you please turn module on for a while? i checked your website and it is disabled right now

[Nepherael]

Hi, I am turning it back on now. Thanks vekia!

[Nepherael]

Also, I have edited the CSS for that column because of display problems with the categories block. I will try it on the right side too as soon as I get to the office and see if it is the same.

 

EDIT: It displays exactly the same on both sides so my previous edits to the left column seem to have not affected the display

Edited February 28, 2014 by Nepherael (see edit history)

[vekia]

blocknewproducts.css line 8 change margin-left to 0px

#new-products_block_right li.first {
margin-left: 30px;
}

and

change marfin-right to 10px; in

#new-products_block_right li {
float: left;
margin-right: 10px;
padding: 10px 0;
}

effect

[Nepherael]

Thanks Vekia!

 

Is there any way to line up the picture next to the product text? Like using a smaller picture and have the picture and text right next to each other?

[vekia]

hello

this module works a bit different.

it creates two separated products images, then below these images module displays as a text links to another products (completly not related to first 2 products)

 

it mean that you have to rebuild module completly to display links in new way