howto_user
in
howto
[all] Customizing Navigation Strip Colors
The settings for the Navigation Strip allow you to choose dark grey (with light text), or light grey (with dark text). However, these options don't always match the journal's style. Luckily, it's possible to use CSS to change the background and text color for the navigation strip.
There are four elements that are easily customizable: the background to the strip, which can be made transparent or, optionally, given a background color; the text color; the link color; and the border between the elements. The following override will allow you to change any or all of these colors. (Users who are familiar with CSS can also make additional customizations as desired.)
GLOBAL_HEAD<=
<=GLOBAL_HEAD
Change #FFFFFF to the color code for the background color you want; if you want it to be transparent, so that the background color and image for the page will show through, type the word transparent instead of the color code. Change #000000 to the color code you want for the text; change #0000FF to the color code you want for links. For the border, change 1px to the desired width, solid to the desired border style (select from: none, dotted, dashed, solid, double, groove, ridge, inset, outset), and #888888 to the desired color code.
You can use the Color Hexadecimal Codes Chart to find the hexadecimal color code for your desired colors.
If you are already using a GLOBAL_HEAD override, you will need to merge this code with your existing code.
Additional References: Merging GLOBAL_HEAD overrides What are overrides? How do they work?
Contributed by isabeau.
There are four elements that are easily customizable: the background to the strip, which can be made transparent or, optionally, given a background color; the text color; the link color; and the border between the elements. The following override will allow you to change any or all of these colors. (Users who are familiar with CSS can also make additional customizations as desired.)
GLOBAL_HEAD<=
<=GLOBAL_HEAD
Change #FFFFFF to the color code for the background color you want; if you want it to be transparent, so that the background color and image for the page will show through, type the word transparent instead of the color code. Change #000000 to the color code you want for the text; change #0000FF to the color code you want for links. For the border, change 1px to the desired width, solid to the desired border style (select from: none, dotted, dashed, solid, double, groove, ridge, inset, outset), and #888888 to the desired color code.
You can use the Color Hexadecimal Codes Chart to find the hexadecimal color code for your desired colors.
If you are already using a GLOBAL_HEAD override, you will need to merge this code with your existing code.
Additional References:
Contributed by isabeau.