Forums / Templates, Stylesheets, Page Layout / How do I center the catagory image on the product page

How do I center the catagory image on the product page

Locked

Views: 1,519

Results 1 to 9 of 9
This thread is locked. New replies are disabled.
10 Jan 2008, 2:22 AM
#1
mt_ed avatar

mt_ed

New Zenner

Join Date:
Dec 2007
Posts:
31
Plugin Contributions:
0

How do I center the catagory image on the product page

I have constructed my catagories, which include products. When I "click" on a catagory, which takes me to the Product page, my Catagory image, as well as the Catagory text, are both left justified at the top. Does anyone know how to "center" the image and text at its present location, at the top of the product list? Thanks for all help!!

10 Jan 2008, 6:52 AM
#2
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: How do I center the catagory image on the product page

url to your site?

Zen-Venom Get Bitten

11 Jan 2008, 11:39 PM
#3
mt_ed avatar

mt_ed

New Zenner

Join Date:
Dec 2007
Posts:
31
Plugin Contributions:
0

Re: How do I center the catagory image on the product page

17 Jan 2008, 5:19 AM
#4
mt_ed avatar

mt_ed

New Zenner

Join Date:
Dec 2007
Posts:
31
Plugin Contributions:
0

Re: How do I center the catagory image on the product page

Just updating this thread. Has anyone got any suggestions to remedy my problem? Thanks

17 Jan 2008, 10:34 AM
#5
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: How do I center the catagory image on the product page

In your file at includes/templates/newlook/css/stylesheet.css find this:

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

Seperate to look like this:

#navCategoryIcon {
	margin: 0.5em;
        text-align: center;
	}

.buttonRow, #indexProductListCatDescription {
	margin: 0.5em;
	}

And add the following:

ADD:
#categoryImgListing {
        text-align: center;
        }

Zen-Venom Get Bitten

19 Jan 2008, 5:44 AM
#6
mt_ed avatar

mt_ed

New Zenner

Join Date:
Dec 2007
Posts:
31
Plugin Contributions:
0

Re: How do I center the catagory image on the product page

Thanks Kobra!
Your fix worked perfectly. If I may, I like to know what I am doing, rather than just do it, so may I ask you to explain why you had me split the initial statement, and then what adding the text-align: center to the navCategoryIcon was for? What does the nCI stand for? I do understand the categoryImgListing statement addition, so no need for that explanation!

Thanks a million!
Ed

19 Jan 2008, 8:51 PM
#7
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: How do I center the catagory image on the product page

why you had me split the initial statement,
Theese are ganged as for most the styling is similar. splitting it allows this to be styled seperately not possibly throwing off the other pages
then what adding the text-align: center to the navCategoryIcon was for?
You asked how to center and this entry does that
What does the nCI stand for?
If nCI is short for navCategoryIcon then this is the tag for the category image

Zen-Venom Get Bitten

20 Jan 2008, 4:02 AM
#8
mt_ed avatar

mt_ed

New Zenner

Join Date:
Dec 2007
Posts:
31
Plugin Contributions:
0

Re: How do I center the catagory image on the product page

Thanks again K,
I guess maybe I don't know, what I think I know.....

If the navCategoryIcon is the tag for the category image, then what is the categoryImgListing? I am not understanding why I needed to "center" both of these? I thought the categoryImgListing was the actual image......sorry to keep bugging you........I'd just like to learn what I am doing.......Thanks!

20 Jan 2008, 12:55 PM
#9
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: How do I center the catagory image on the product page

#categoryImgListing is the text

Try commenting out each one to see what happens

Zen-Venom Get Bitten