Help - Want All of Product Name on One Line

15 Nov 2011, 3:19 PM

#1

New Zenner

Join Date:: Nov 2011
Posts:: 4
Plugin Contributions:: 0

Help - Want All of Product Name on One Line

Hi All,

We are using Zen Cart 1.3.9 and could really use some help. In the new product section on our main page we would like the product names with multiple words to not be broken up in separate lines.

Please see attached.

I am assuming that I need to venture into the code to modify it, however where/what..... I just don't know. Any help would be appreciated. :smile:

Screen Shot 2011-11-15 at 10.10.11 AM.jpg

15 Nov 2011, 3:20 PM

#2

omegaps

New Zenner

Join Date:: Nov 2011
Posts:: 4
Plugin Contributions:: 0

Re: Help - Want All of Product Name on One Line

Just to clarify, the two products on the left show what we would like to avoid. Thanks.

15 Nov 2011, 3:51 PM

#3

stevesh

Black Belt

Join Date:: Feb 2005
Location:: Lansing, Michigan USA
Posts:: 19,793
Plugin Contributions:: 2

Re: Help - Want All of Product Name on One Line

You have a custom template, so we'll need to see the site to be much help.

15 Nov 2011, 3:53 PM

#4

omegaps

New Zenner

Join Date:: Nov 2011
Posts:: 4
Plugin Contributions:: 0

Re: Help - Want All of Product Name on One Line

No problem.

http://www.omegaps.com/Cart

15 Nov 2011, 3:57 PM

#5

gjh42

Black Belt

Join Date:: Jul 2005
Location:: Upstate NY
Posts:: 21,876
Plugin Contributions:: 8

Re: Help - Want All of Product Name on One Line

Your TM template's stylesheet forces the name to be only 80px wide. Change it here:

stylesheet_tm.css (line 321)

.product-col .name {
color: #6B6B6B;
display: inline-block;
font-family: 'Oswald',sans-serif;
font-size: 16px;
font-weight: normal;
line-height: 24px;
text-decoration: none;
width: 80px;
}

15 Nov 2011, 3:57 PM

#6

stevesh

Black Belt

Join Date:: Feb 2005
Location:: Lansing, Michigan USA
Posts:: 19,793
Plugin Contributions:: 2

Re: Help - Want All of Product Name on One Line

You'll need to go to stylesheet_tm.css and fiddle with the width here:

.product-col .name{
font-size:16px;
line-height:24px;
color:#6b6b6b;
text-decoration:none;
font-weight:normal;
font-family: 'Oswald', sans-serif;
width:80px;
display:inline-block;
}

15 Nov 2011, 4:11 PM

#7

omegaps

New Zenner

Join Date:: Nov 2011
Posts:: 4
Plugin Contributions:: 0

Re: Help - Want All of Product Name on One Line

That worked perfectly. Thank you both so much.

16 Nov 2011, 1:15 AM

#8

rescoccc

Totally Zenned

Join Date:: May 2010
Location:: WA State
Posts:: 1,700
Plugin Contributions:: 2

Re: Help - Want All of Product Name on One Line

Not only did the correct answer get posted, it got posted twice at exactly the same time.