What this will do, is allow you to uniquely address CSS styles on any specific tab/category.
First of all, you need to do the ground work.
- Go to SetUp > WebSite > Themes
- Edit your current live theme
- On the "General" tab - go to the "<body> tag attributes" field
- Enter <bodyID>
(this can be added at the end of anything you already have in there) Save Go to SetUp > WebSite > Tags > New Create a new Tag called bodyID - Enter a brief "Description", and leave the "Default Value" empty
Save
So, if you wish to change the text color (for example) of a specific category, then all you need to do is the following.
Go into the edit page for your chosen category Select the "Tag Substitution" tab Under "Tag", select bodyID from the list Under "Substitution Value", enter "ID=BlueCategorytext" (or anything else you wish to call it)
If you now pull up this category within your site, and view the source code, you should find that the <body> tag now contains "ID=BlueCategorytext"
So now you need to put together a custom CSS style to achieve the result you wish.
If we're looking to change the color one of the standard NS styles, you would use the following.
#BlueCategoryText .smalltextnolink {color:blue;}
So, each time you load this category, you'll find that anything tagged with .smalltextnolink will now be blue. On every other category, it will be the regular color.
This is obviously a very basic example, there's a lot more you can do with this.
Leave a comment if you find anything I've missed or got wrong, or want to discuss it in more detail.
No comments:
Post a Comment