Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Text align on Product listing

Text align on Product listing

Locked

Views: 1,761

Results 1 to 10 of 10
This thread is locked. New replies are disabled.
14 Nov 2008, 7:04 PM
#1
shakur96 avatar

shakur96

New Zenner

Join Date:
Jan 2008
Posts:
36
Plugin Contributions:
0

Text align on Product listing

Hi guys,
I'm trying to change the text in the product listing pages to align left in their columns (name, model & manufacturer). I've added the following to my stylesheet which has successfully aligned the product name cloumn text left:-

.itemTitle { text-align:left;}
.listingDescription { text-align:left;}

how can i do to make the model and manufacturer coluumns do the saem? Also the header which says product name is still aligned centre in its column, even though the text unded it is. Any ideas how I can change this also.

15 Nov 2008, 6:15 AM
#2
haredo avatar

haredo

Totally Zenned

Join Date:
Apr 2006
Location:
Texas
Posts:
6,180
Plugin Contributions:
0

Re: Text align on Product listing

shakur96:

Hi guys,
I'm trying to change the text in the product listing pages to align left in their columns (name, model & manufacturer). I've added the following to my stylesheet which has successfully aligned the product name cloumn text left:-

.itemTitle { text-align:left;}
.listingDescription { text-align:left;}

how can i do to make the model and manufacturer coluumns do the saem? Also the header which says product name is still aligned centre in its column, even though the text unded it is. Any ideas how I can change this also.

Sh,
A link to view this page is very handy??

Are you using Firefox Browser along with the add on's called Firebug & Web Developer

16 Nov 2008, 11:32 AM
#4
shakur96 avatar

shakur96

New Zenner

Join Date:
Jan 2008
Posts:
36
Plugin Contributions:
0

Re: Text align on Product listing

Anyone? prob a case of a nother cmand in my styleheet only dunno what. The manfacturer field on mymsite is calde "venue" in case you wondered.

16 Nov 2008, 2:43 PM
#5
haredo avatar

haredo

Totally Zenned

Join Date:
Apr 2006
Location:
Texas
Posts:
6,180
Plugin Contributions:
0

Re: Text align on Product listing

shakur96:

Anyone? prob a case of a nother cmand in my styleheet only dunno what. The manfacturer field on mymsite is calde "venue" in case you wondered.

Sh,
Did you try the firefox browser with Web Developer yet???

Locate this:
includes/templates/tickets/css/stylesheet.css
Find this:

FORM, SELECT {
display:inline;
font-size:1em;
margin:.5em;
}

  1. The .5 above is the problem here should be 0em;
    Find this:

#navCategoryIcon, .buttonRow, #indexProductListCatDescription {
margin:.5em;
}

  1. All we half to do to delete the , #indexProductListCatDescription from above
  2. As indicated below
    Change to this please:
    #navCategoryIcon, .buttonRow {
    margin:.5em;
    }
17 Nov 2008, 12:25 AM
#6
shakur96 avatar

shakur96

New Zenner

Join Date:
Jan 2008
Posts:
36
Plugin Contributions:
0

Re: Text align on Product listing

Thanks for the reply. Made the changes to stylesheet, no change im afraid.

17 Nov 2008, 1:04 AM
#7
haredo avatar

haredo

Totally Zenned

Join Date:
Apr 2006
Location:
Texas
Posts:
6,180
Plugin Contributions:
0

Re: Text align on Product listing

shakur96:

Thanks for the reply. Made the changes to stylesheet, no change im afraid.

Sh,
Everything is left justified in Firefox browser,
Explain what is wrong please????

20 Nov 2008, 11:22 PM
#8
shakur96 avatar

shakur96

New Zenner

Join Date:
Jan 2008
Posts:
36
Plugin Contributions:
0

Re: Text align on Product listing

Haredo,
All the venue names (manufacturer names) are centrally aligned in their column, not to the left like the product names, which I manged to do using the command in the stylesheet I mentioned in my first post. I have firefox installed and can assure this is the case.

20 Nov 2008, 11:27 PM
#9
litepockets avatar

litepockets

Zen Follower

Join Date:
Apr 2008
Location:
Covington, Washington, United States
Posts:
206
Plugin Contributions:
0

Re: Text align on Product listing

Shak,

In your stylesheet try adding:

.productListing-data {
float: left;
}

22 Nov 2008, 1:28 AM
#10
shakur96 avatar

shakur96

New Zenner

Join Date:
Jan 2008
Posts:
36
Plugin Contributions:
0

Re: Text align on Product listing

No luck there neither Im afraid. Sorry guys I was sure this would be an easy fix.