stylesheet comments

[yosc]

Hi all, is it possible to get the stylesheet.css file with descriptive comments somewhere to know what section changes what parts of the page? otherwise it's more like a guessing game trying to figure out what lines to change to modify the look of whatever part of the page you're working on...

[choosealogin]

This should help

 

http://www.oscommerce.info/kb/osCommerce/C...n_and_Layout/54

[yosc]

Thanks for the link, Mark. I couldn't find in that doc which parameter controls the font size in the infobox text, specifically the categories listing - although I suspect all of the infoboxes are controlled by a single setting, without the option to easily modify just one of them?

[choosealogin]

The category links in the cat. box are:

 

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }

 

And you're right, a change there will change all of the boxes.

 

If you want, you can edit catalog/includes/boxes/categories and assign a different class the the category box text

 

Near the bottom of that file, where you see

 

$info_box_contents[] = array('text' => $categories_string);

 

you can change it to

 

$info_box_contents[] = array('text' => '<td class="yourNewClass">' . $categories_string . '</td>');

 

Then in your stylesheet add

 

.yourNewClass {

some definitions here

}

[Guest]

Doesn't work for me that. No change to the text in the boxes at all. Am I missing a trick here?

 

I'm trying to customise the font and a.link colours for the box contents and can't seem to turn the right key.

[yosc]

Thanks again, I'll give it a try. Changing the font size as above did affect all of the infoboxes except bestsellers and new products.

 

just trying to think ahead, if the infobox font will be too large for the box (the "border" area), it will have to be resized manually as well, and then will affect the other infoboxes, too?

[jhsands]

Basics for design, Basics for osc design change

[choosealogin]

yosc,

 

If the font size makes the words in the box too long, the box will stretch, somewhat awkwardly IMO.

 

The box size (for both left and right) is defined in catalog/includes/application_top.php

 

If you want two different sizes (left vs right) then that can be fixed.

 

More info about how to change the box width is on page 35 of the PDF document in the osc download pkg.

 

 

omnigen,

 

If you're talking about the color when you hover on your category names, that's this one

 

A:hover {

color: #A5B6A3;

text-decoration: underline;

}

 

The color of the category names in the box is .boxText

 

If you're trying what I put in that other post above, then post your code for the category box.

 

There's another way to do that, it's here:

 

http://www.oscommerce.info/kb/osCommerce/C..._Area/Boxes/248

 

but that's only if you want the change in just one box...otherwise it's all in the stylesheet.

 

EDIT

 

omnigen, you have another definition...this one:

 

.CategoriesBoxContents {

background: #cccccc;

font-family: Verdana, Arial, sans-serif;

font-size: 10px;

}

 

that will change *your* category box text...must be custom

[Guest]

omnigen, you have another definition...this one:

 

.CategoriesBoxContents {

background: #cccccc;

font-family: Verdana, Arial, sans-serif;

font-size: 10px;

}

 

that will change *your* category box text...must be custom

 

Hiya.

 

Yeah it is custom, I'm using infobox customiser.

 

But while it seems to be relevant to the basic text, the CategoriesBoxContents doesn't cover the links, so the links are all referenced to a and a:hover in the css. My trouble is that CategoriesBoxContents text is white and a/a:hover in the main text is black, where it should be white.

 

I've tried adding a.CategoriesBoxContents and a.CategoriesBoxContents:hover to the css but it doesn't seem to work...

 

Any ideas sir?

 

;) ;)