Posted by hoosierlacrosse on September 19, 2010 at 3:43pm
I recently installed Ubercart and so far so good. However I have one problem so far. In the catalog view, my image overlays on top of the product row. I changed the grid view to 1 instead of 2 and it still did the same thing.
It looks good in IE but I am a Firefox user and using 3.6.10.
Here is the link that show what I am trying to explain and any help would be greatly appreciated.
Comments
Just looked at it quickly in
Just looked at it quickly in Firebug. In the uc_catalog.css file you have this declaration:
img.category {
float:right;
margin-left:1em;
}
The float:right is the issue. When removed, it places the image above the product row. Not really sure what to do about it, since the image is not in its own div... just kind of out there on its own, so it makes it a little more difficult to style. Plus, if you remove the float (or override it in your theme's style.css, which keeps you from editing an ubercart style sheet that may get overwritten in an update), then the category image moves to align left.
Hope this helps a little.