Forums / Templates, Stylesheets, Page Layout / Centre text in product listing, product names.

Centre text in product listing, product names.

Views: 851

Results 1 to 4 of 4
27 Jul 2014, 9:05 PM
#1
mcpisik avatar

mcpisik

Zen Follower

Join Date:
Jan 2007
Location:
Mount Maunganui, New Zealand
Posts:
417
Plugin Contributions:
0

Centre text in product listing, product names.

Hi,
So I'd just like to change the name of each product, to be centered text.
(In product listing)

At the moment it is left aligned.

I searched and found a similar suggestion, to add in a style sheet:
.centerColumn { text-align:center;}

This looks great. But it also affected my product info pages, which I don't want centered...
Any suggestions?

Sample page I'd like centered (including Header if easy enough)
http://partydudes.co.nz/hire-ladies-costumes/all-hire-costumes

27 Jul 2014, 9:39 PM
#2
stevesh avatar

stevesh

Black Belt

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

Re: Centre text in product listing, product names.

Try #productListing .itemTitle {text-align: center;}

27 Jul 2014, 9:42 PM
#3
mcpisik avatar

mcpisik

Zen Follower

Join Date:
Jan 2007
Location:
Mount Maunganui, New Zealand
Posts:
417
Plugin Contributions:
0

Re: Centre text in product listing, product names.

Thanks Stevesh :)
I had just managed to slot the 'text-align: center;' part in somewhere, and found the images are not centered.
So while I'm looking if you happen to know what the center method for those images might be...?

27 Jul 2014, 9:59 PM
#4
picaflor_azul avatar

picaflor_azul

Totally Zenned

Join Date:
Jul 2009
Location:
picaflor-azul.com
Posts:
6,940
Plugin Contributions:
28

Re: Centre text in product listing, product names.

mcpisik:

Thanks Stevesh :)
I had just managed to slot the 'text-align: center;' part in somewhere, and found the images are not centered.
So while I'm looking if you happen to know what the center method for those images might be...?

If you can wrap the images in a div, and give the div a class name you can add text-align:center; to the class and it will center the images.

Thanks,

Anne