Center Align Category/Sub-Category Images?

[lmw1]

When I click on a category or sub-category, everythings aligned left stacked on top of each other. I want it to be 'center-aligned'.

Any ideas?

Thanks in advance!
LMW1

[kobra]

Post a link directly to the page in question

[lmw1]

I'm building the site offline. here's an image for a visual of my questions.

Thanks for your help & knowledge.

LMW1

[gjh42]

1) The image is not clear enough to tell whether you have the categories-tabs menu or the ez-pages menu displayed there.
If it is ez-pages, you can create two new pages which are internal links pointing to your link destinations, and enable them in the header menu.
If it is cat-tabs, you can copy the code from the "navigation display" section to the cat-tabs section in tpl_header.php. (It may actually be a bit more complicated than that.)

2) Get the Firefox Web Developer extension, and use the Information > Display Element Information button to find the class applied to the subcat elements. If the stylesheet has that class marked as "float: left;", delete that, and add "text-align: center;" or "margin: auto;". It's tricky diagnosing from a picture; experiment!

3) Again, it's hard to be sure what it is you want from the picture. Is "Body Jewelry" a top category? If so, are you saying you don't want top cats selectable in the sidebar? Or that you don't want any cats selectable in the sidebar? The categories box can be manipulated in many ways, but I need some more detail before I can offer useful advice.

[lmw1]

Thanks for the quick reply! I greatly appreciate it!

1) The top bar is not ez-pages. Its cat tabs. How can I put 'Home' on the far left side, and 'Contact Us' on the far right side?

2) I will try to find the right place in the CSS to center the category/subcategory images.

3) On the sidebox menu where it says 'Body Jewelry' - I dont want that to link to anything, just be static. I only want the sub-categorys under it to be clickable.

I will await your reply.

Thanks in advance!
LMW1

[lmw1]

This might help...here's the URL.

starz body jewelry dot com

Respectfully,
LMW1

[gjh42]

This is really strange.

Looking at your site with Firefox Web Developer, and also with Firebug, it appears that the class (.categoryListBoxContents) that should control that element is in the stylesheet, but is not being applied to the element. Editing does nothing, and the margin already specified there is not in use. Adding !important or adding more specificity to the selector does nothing, either.

Looking at the active stylesheet.css with Firebug shows a different set of code (missing .categoryListBoxContents) than you get when selecting "edit" in Firebug (where .categoryListBoxContents shows but does nothing).


On another topic, I notice that you have a "Powered by American WebMakers" link at the bottom of your page. It is ok to say "Site designed by..." or the like, but "Powered by" is a claim that you wrote the Zen Cart software and is not kosher.

[lmw1]

I'll tell my guy to change the Powered By to Designed by *(good point, sorry. Sure it was an oversite). Any ideas on how to center the category/sub-category images?

Any help would be appreciated.

Respectfully,
LMW1

[gjh42]

Unfortunately, there are weird things going on with your site display/stylesheet and none of the variations I've tried on what ought to work are having any effect. I don't really know what is causing it or how to fix it.

[lmw1]

I believe that we can fix it.

Would you like to look at the files on my server to make sure everything looks right? I'd be happy to PM you a temporary password to the FTP site. I'd even pay you.

Let me know what you think.

Respectfully,
Len