Categories Dressing

[jvanree]

I'm back with another question. Things start to look very good in the categories menu but I want to ad a link to conditions with the same kind of buttons I've used for the rest of the menu. How do I do that? Should I ad a link in the stylesheet? And what cpath will the button name require?

[gjh42]

Do you want this conditions link in the categories menu, or just an image in place of the "Algemene voorwaarden" text in the information menu?
You can replace text with an image by defining it with the <img ...> tags in the language file.

[jvanree]

Thank you very much. I wanted the image in the categories menu, but images in the information menu will do fine too. Thank you for your help!

[milobloom]

How can I change the color of the bottom of the cells
www.nothingbutcostumes.com

Also, Can I put a border around each Section?

Or to be more spacific. I want to try to be as close as I can be to

www.buycostumes.com

[gjh42]

I'm getting "can't find the website" for that now...

The code does not create distinct sections that can be given a border, it just allows headers at desired points. There won't be a simple way to recreate that look, but it may be possible without adding code to tpl_categories.php.

Try giving border-left and border-right to a.category-top-text.
Then give the categories above each heading a special style like category-bottom, and style a.category-bottom-text with border-left, border-right and border-bottom (as well as whatever other styling a.category-top-text has).
As long as there is no margin between the categories, this should give the look of a box.

[milobloom]

I made these changes to

www.nothingbutcostumes.com

/* example for top category styling */
a.category-top-text {
/*background-color: #ccddff;*/
color: #1122aa;
border-left: 1px solid #112233;
border-right: 1px solid #112233;
category-bottom: 1px solid #112233;
/*margin: 0.2em 0;*/
/*padding: 0.2em 0.3em;*/
}

The Sides are what I was after...
How can I box around the Title and the footer in the box.

I think to make it like the other site, I would have to make them as an image right?

Also, which was the item to edit the colors of the Title and The Footers? I dont think Pink looks that well there

[gjh42]

If you want the border to go around the header and footer of each section, you can add borders like

.catBoxHeading1 { 
    border: 1px solid #112233;
    border-bottom: none;
    }

.catBoxSubtext { 
    border: 1px solid #112233;
    border-top: none;
    }

You can change the header and footer colors there also.

[milobloom]

Ok

Thats much better...

How can I add spaces to this instead of underlines?

$content .= '<span class="catBoxHeading1">' . (file_exists(DIR_WS_TEMPLATE_IMAGES . 'cathead' . $current_path . '.gif') ? zen_image(DIR_WS_TEMPLATE_IMAGES . 'cathead' . $current_path . '.gif') . '</span>':'TV & Movies All Sizes__</span>' . $disp_block_head) . "\n";

If I dont have underlines the spaces wont show at all

www.nothingbutcostumes.com

[gjh42]

Definitely wierd... You have .catBoxHeading1 {... display: block; ...}, but it is not displaying as block. It is currently displaying as inline, which is why the headings don't fill the sidebox width.

[milobloom]

So what can I do to fix that?
Also strange... It fills in on IE but not on Firefox or Flock