Zen Cart Logo
Forums / Customization from the Admin / Why is my Product Name in the way...

Why is my Product Name in the way...

Locked

Views: 1,316

Results 1 to 6 of 6
This thread is locked. New replies are disabled.
16 Feb 2007, 7:44 PM
#1
bradsmith avatar

bradsmith

New Zenner

Join Date:
Jan 2007
Posts:
50
Plugin Contributions:
0

Why is my Product Name in the way...

There are a few things bugging me on this layout I'm slaving over at work, as I try and learn Zen Cart. The first issue is that when viewing a product, I want the image of the artwork to take up the entire space... Although I put the image width at 700, for whatever reason it won't force the Product Name down to the next line.

Essentially, what I want is each component having its own line, so it doesn't look at choppy...

[Image]
[Product Line]
[Model Type]
[Price]
[Description]

I'm pretty sure this is a easy fix, I'm just missing it.

Here's the page...

http://rickrushart.com/index.php?main_page=product_info&products_id=173

16 Feb 2007, 8:55 PM
#2
Kim avatar

Kim

Obaa-san

Join Date:
Jun 2003
Location:
West Coast, North America
Posts:
26,643
Plugin Contributions:
0

Re: Why is my Product Name in the way...

Change the CSS for the main product image from float:left; to float: none

20 Feb 2007, 3:25 PM
#3
bradsmith avatar

bradsmith

New Zenner

Join Date:
Jan 2007
Posts:
50
Plugin Contributions:
0

Re: Why is my Product Name in the way...

Kim:

Change the CSS for the main product image from float:left; to float: none

I'm in the CSS but I can't figure out which line to edit...

20 Feb 2007, 3:28 PM
#4
barco57 avatar

barco57

Totally Zenned

Join Date:
Apr 2006
Location:
West Salem, IL
Posts:
2,845
Plugin Contributions:
0

Re: Why is my Product Name in the way...

I believe that would be #productMainImage

20 Feb 2007, 3:33 PM
#5
barco57 avatar

barco57

Totally Zenned

Join Date:
Apr 2006
Location:
West Salem, IL
Posts:
2,845
Plugin Contributions:
0

Re: Why is my Product Name in the way...

ok let me clarify find this:```
#productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage {
margin: 0em 1em 1em 0em ;
}


remove #productMainImage from the list and create a new declaration below, that looks like```
#productMainImage {float: none;}
20 Feb 2007, 3:49 PM
#6
bradsmith avatar

bradsmith

New Zenner

Join Date:
Jan 2007
Posts:
50
Plugin Contributions:
0

Re: Why is my Product Name in the way...

Thanks for clearing that up for me. I've just now been cleared to edit the "guts" of our site at work, so I'm totally new to this.

Looks like that did the trick... I've got SO much work to do on this thing, I'm very thankful to have quick responding folks like you all to help out.