Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Center text under image on product page

Center text under image on product page

Locked

Views: 1,417

Results 1 to 5 of 5
This thread is locked. New replies are disabled.
27 Mar 2008, 9:36 AM
#1
jafma avatar

jafma

New Zenner

Join Date:
Mar 2008
Posts:
26
Plugin Contributions:
0

Center text under image on product page

Hi
The text under my product image 'larger image' is aligned left. I would like it to be centered - as is the text under my additional images (and while I'm at it - I'd like to 'bold' the text). I know I've struggled through this before - but no amount of searching is leading me to the answer. I've tried the hail mary of adding:

#productImgListing {
text-align: center;
}

to my stylesheet.....but no......
Thanks for some direction

27 Mar 2008, 10:44 AM
#2
usernamenone avatar

usernamenone

Totally Zenned

Join Date:
Sep 2006
Posts:
541
Plugin Contributions:
0

Re: Center text under image on product page

imgLink is the class that needs to be added to your stylesheet

.imgLink{text-align: center;}

But why is it not centered to began with?

27 Mar 2008, 10:50 AM
#3
jafma avatar

jafma

New Zenner

Join Date:
Mar 2008
Posts:
26
Plugin Contributions:
0

Re: Center text under image on product page

Well - that did, thanks.
I don't know why it wasn't centered. It's possible that I inadvertently deleted the code - but I've been through the whole CSS for the (Nightfall) template, and it wasn't there originally. Could it have been determined from the 'default' template?
Anyway, thanks very much!

27 Mar 2008, 10:58 AM
#4
usernamenone avatar

usernamenone

Totally Zenned

Join Date:
Sep 2006
Posts:
541
Plugin Contributions:
0

Re: Center text under image on product page

.imageLink is not in the style sheet. There are lots of classes and Id's that are in the code but not given a style unless you need to add some style on your own.

If you would have viewed your source code through the browser you would have picked up on the class for the image link yourself.

27 Mar 2008, 11:09 AM
#5
fairestcape avatar

fairestcape

Totally Zenned

Join Date:
Mar 2008
Location:
Cape Town & London (depends on the season)
Posts:
2,957
Plugin Contributions:
0

Re: Center text under image on product page

If you use firefox with Chris Pederick's "developer toolkit" add-on, you'll be able to find these references in a few seconds.

Not only that, but you'll be able to do off-line edits on the css - and view the effect immediately.

The features of firefox - and the amazing add-ons that are available, will save you HOURS (or even days) of time when you're struggling to find what controls what...

... best of all, firefox is free - as are the add-ons!