Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Product information display problem

Product information display problem

Views: 752

Results 1 to 6 of 6
10 Mar 2011, 2:35 PM
#1
wilsonshen avatar

wilsonshen

New Zenner

Join Date:
Apr 2010
Posts:
53
Plugin Contributions:
0

Product information display problem

Hi, all
Here is me again.
Recently I bought a template in the net and found it was not completely compatible with some MODs of Zen Cart. So it is a little annoying. I installed COWOA.
Today i found another problem.
Here is the example page:
http://www.elechouse.com/elechouse/index.php?main_page=product_info&cPath=168_170&products_id=627
the listed numbers go out of the information box. Also, the listed dots do not display.
The right display page should be like this one:http://www.elechouse.com/store/index.php?main_page=product_info&cPath=168_170&products_id=418

I hope somebody can help me to fix this problem.
Thanks a million.

10 Mar 2011, 3:41 PM
#2
keneso avatar

keneso

Totally Zenned

Join Date:
May 2009
Posts:
1,273
Plugin Contributions:
3

Re: Product information display problem

Try this

Change the padding in the following (line 900 of stylesheet)
#productDescription, #productInfoLink {padding:5px 30px;}

And add this
#productDescription ul li{list-style-type: circle;}

11 Mar 2011, 2:49 AM
#3
wilsonshen avatar

wilsonshen

New Zenner

Join Date:
Apr 2010
Posts:
53
Plugin Contributions:
0

Re: Product information display problem

Thanks for your help.
I tried in Firefox. It really works. But it is still not right about the display of product description. My previous template works very well, as I showed the link above. I am thinking about copying the css code of product description box from my previous template to my new template. Is it possible? If possible, i am still dim about which part of the code i should copy. :-(

11 Mar 2011, 2:11 PM
#4
keneso avatar

keneso

Totally Zenned

Join Date:
May 2009
Posts:
1,273
Plugin Contributions:
3

Re: Product information display problem

Try this, in case play with the padding of p, and ol to fine tune; in case you ned bigger font add font-size to the rule.

#productDescription, #productInfoLink {padding:5px 30px;}
#productDescription ul li{list-style-type: disc;}
#productDescription p {padding:0.5em 0;}
#productDescription ol {padding: 0 0.5em 0 2em}

12 Mar 2011, 2:45 AM
#5
wilsonshen avatar

wilsonshen

New Zenner

Join Date:
Apr 2010
Posts:
53
Plugin Contributions:
0

Re: Product information display problem

It is great. Thanks so much for your help.

12 Mar 2011, 10:02 AM
#6
keneso avatar

keneso

Totally Zenned

Join Date:
May 2009
Posts:
1,273
Plugin Contributions:
3

Re: Product information display problem

Welcome, glad I could help.