alignment of subcategory images - help!

[hanafoo]

hello,

im trying to center align my subcategory images and remove a little peice of header text.
at the moment my page looks like this:

http://www.e-rose.org/current.jpg

i would like it to look like this:

http://www.e-rose.org/ideal.jpg

i just want to move the subcategory images over a little bit to the right so they are centered. can anyone help?

[kobra]

Find this in your stylesheet.css for your template and separate or if not found add it:

#productListHeading {
        display: none;
        }

For the other post a url

[hanafoo]

im a bit confused, does that bit of code help align the images? i want my subcategory images to be centered on the main page instead of off to the left.

[kobra]

You asked 2 things:

and remove a little peice of header text.

the code takes care of this.

For the other post a url

[hanafoo]

ok thank you :) the other thing i needed was help aligning my subcategory images.

on this page:
http://www.shelovesstars.com/shop/in...index&cPath=75

the two images/catergory links 'fabric badges' & 'lavender birdies' i would like moved over a bit so that they are in the center rather than off to the left

[kobra]

Same file - stylesheet.css - find & separate or add this:

.categoryListBoxContents {
        text-align: center;
        }

[hanafoo]

thanks so much, that seems to have done it :) its made my product descriptions centered too : http://www.shelovesstars.com/shop/in...index&cPath=71

could i change that back so the text is left aligned? i dont mind if its not possible now ive edited the code.

thanks again for your help!

[grayceworks]

since you want the categories centered, but the new items listings to have their text aligned left, then try adding this in addition to what you've already done:

(don't take my word for it, I'm kinda new with the zen-cart stuff, but this is what worked in mine, when mine were all aligned left and I wanted em centered... lol... i just reversed it for your situation)

in addition to:

.categoryListBoxContents {
        text-align: center;
        }

try:

.centerBoxContentsSpecials, .centerBoxContentsFeatured, .centerBoxContentsNew  {
text-align:left;
}

also, I would change in all your templates pages: (templates>template_default(or whichever one your using) >templates) from:

 <br class="clearboth"/>

CHANGE TO

 <div class="clearboth" />

this will help with some funny layout in some browsers, but will not change the functionality of things. cleared up a lot of alignment issues I was having between different browsers ;)