Categories help

[Sincraft]

I searched the knowledge base for the stylesheet.css breakdown but the listing is very vague. I would like to know how to change the text, size and font of my text in my info boxes. Right now I guess it defaults to BOLD and Smooshes the words together. I like the size which I believe is 10px, but I'd like the letters further spaced apart and not in bold.

I'm not very versed in css, and dont understand why there are 3 fonts listed. I guess it goes with the first font listed first then goes down the line based on the requesting computers font library? or? How do I change the fonts there.

 

Also, I would LOVE to be able to put a break between the categories. I've already tried a <BR> but didn't like that spacing. I would like to add a thin line between. Any suggestions?

 

Thanks guys..again. :)

 

S

[bglkk]

Hi:

 

I've just been through a CSS remodeling myself, and I think you'll find there is no shortage of good tutorials and samples... :)

 

http://www.w3.org/Style/CSS/

 

http://www.w3.org/MarkUp/Guide/Style

 

http://css.maxdesign.com.au/index.htm

[Sincraft]

Hey wow, that's good info. :D I appreciate it!

 

Any idea on how to put those little pagebreaks?

 

S

[delinear]

Hi,

 

You're right about the fonts, basically the browser will check if the first font is installed, if not it'll check the next font, etc along the line.

 

To put in little breaks between items, instead of a <br /> tag you can use something like a <div> with a little CSS applied to it to set some padding/a margin.

 

For instance:

 

menu item 1

<div style="padding: 5px 0px 0px 0px;"></div>

menu item 2

<div style="padding: 5px 0px 0px 0px;"></div>

 

etc. will add a small divider of 5 pixels between each item - the format for this is that you declare the padding at the top first, then the padding on the right, then the bottom padding and finally left padding, which is why I only set the top padding to 5px and the rest to 0px.

 

Hope that helps :)

 

Baz

[bglkk]

Also, I would LOVE to be able to put a break between the categories.  I've already tried a <BR> but didn't like that spacing.  I would like to add a thin line between. Any suggestions?

<{POST_SNAPBACK}>

 

Actually for that I like Steve aka Wolfen aka 241's Categories Box Bullet and Line contrib.

 

http://www.oscommerce.com/community/contributions,2105/

[1Putts]

Hey wow, that's good info. :D  I appreciate it!

 

Any idea on how to put those little pagebreaks?

 

S

<{POST_SNAPBACK}>

 

You can change the layout of the categories by editing catalog/includes/boxes/categories.php and look for this line:

 

$categories_string .= '<br>';

 

Then you can change the code in between the '' - so putting another <br> would add an extra ling break. Putting a <hr> would draw a line. As Baz suggested, you could replace the <br> altogether and use a <div> type of format. Try different things and see what looks best.

 

The only drawback to this is that it will put the spacing in between each category, including sub-categories. If your goal is to only separate the top level categories, this won't do it.