Category bg button image - where to place?

[beyre]

Sorry for this surely simple silly question ...

But am needing to place a simple black button image as the background to the categories, exactly like on their current xcart store: http://www.theironhorseman.com/motorcycle-gear/

Just need to put the image as a background and then center the category name text correctly ....

Sorry for the simple question, but am fighting a terrible headache for 2 days and am just getting frustrated over something I know is simple.

[schoolboy]

Put the black button image (menu_button.jpg) into your template's images folder. includes/templates/YOUR-TEMPLATE/images

Then, in FIREFOX browser with web developer add-on, play around with the following after sticking it to the very bottom of your stylesheet:

The default display for the category links is INLINE, so you're going to need to change this to "block".

.category-top {background-image: url(../images/menu_button.jpg); display: block; line-height: 40px} (maybe 44px).

NB: There may be other CSS edits too...

[gjh42]

And after changing the links from inline to block display, you will need to remove a few <br /> tags from /includes/templates/your_template/sideboxes/tpl_categories.php.

The breaks are necessary to keep the inline links on separate lines, but cause an extra space with block display.

[beyre]

Thanks so much for your help you two.

Will attempt tomorrow - as I hope this headache will finally take a hike.

[beyre]

Either I've done something wrong, or I'm missing something ...

There was only one <br /> within the categories section of the
/includes/templates/your_template/sideboxes/tpl_categories.php

Can't seem to get the font to show white on the buttons ... and I know several of the category names will need to be on two-lines ...

[beyre]

AND ... how do I get the sub-categories to stack, indent slightly, and line up nicely under the selected parent category button ?

[beyre]

ack! It won't do a white font ...

[gjh42]

We really need to see the site live to answer these questions accurately. A white font is easy if you are putting the property in the right place.

[beyre]

Sorry, had displayed earlier:

http://www.theironhorseman.com/motorcycle-gear = Xcart site

http://www.theironhorseman.com/motorcycle-store = Zencart site


We've been transferring everything from the xcart to the zencart, and once done, will be dumping the xcart.

[fairestcape]

Try this for starters:

a.category-top {color: #ffffff;}


(If you need a good tutorial on CSS, go to www.w3schools.com).