This is how you change the font color. It sounds complicated, but it's not. It is a bit time consuming.
This is the code for the scrolly grid:
.gridCellInfo#page_module3_assetCell0-info#page_module3_assetCell0-title.categoryTitleINSTRUCTIONS: you have to change the module number to match up with your page. The module number is based on how many modules you use.
For example: sidepod, description, top picks, scrolly grid, content. If you use all of these, the module number will be 4 since it's the 4th module. If you only use side pod, description, scrolly grid, content, the module number will be 3. This is what the code will look like if your module is in the 3rd position:
.gridCellInfo#page_
module3_assetCell0-info #page_
module3_assetCell0-title.categoryTitle
Just count your modules and change the number in both places in the code.
______
Once that is set, add the color code:
.gridCellInfo#page_
module3_assetCell0-info #page_
module3_assetCell0-title.categoryTitle
{
color: red;
}This is the tedious part. You have to add this line for each category you have. If you have 12 categories, you have to repeat this code in your CSS 12 times.
Each time increasing the assetCell number. The assetCell is your category number.
.gridCellInfo#page_module3_
assetCell0-info #page_module3_
assetCell0-title.categoryTitle
The first number is always 0. Just copy your first code set with the proper module number and paste it into your CSS.
Hit paste again and change the code from 0 to 1.
Hit paste again and change the code from 0 to 2.
and so on for how many categories you happen to have.
That's it!
This is what it will look like for a page with only four categories:
.gridCellInfo#page_module3_assetCell
0-info#page_module3_assetCell
0-title.categoryTitle {
color: red;
}
.gridCellInfo#page_module3_assetCell
1-info#page_module3_assetCell
1-title.categoryTitle {
color: red;
}
.gridCellInfo#page_module3_assetCell
2-info#page_module3_assetCell
2-title.categoryTitle {
color: red;
}
.gridCellInfo#page_module3_assetCell
3-info#page_module3_assetCell
3-title.categoryTitle {
color: red;
}
________________________
The code for a full page grid is:
.gridCellInfo#page_module3_grid_assetCell0-info #page_module3_grid_assetCell0.title.categoryTitleThe difference between the two: _grid_ is added to the code for the full page categories.
Just repeat the process above.
_________________________________
gratuitous links:
(gotta increase our link popularity or we're doomed) spacemonkeyartdesigns cool art stuffCool Art on Stuff for Friend for Cheap on squidoo
spacemonkeyartdesigns Cool Art on Stuff on zazzle
Cool Art on Stuff for Friends for Cheap on ----blogspot-----