As you can see, I love the WordPress theme, iTheme designed by N.Design Studio. However, it just disturbed me to see the black font appearing when the page is selected and I personally felt it should be white instead.
Before and after:

Hence, I decided to take a look at the CSS and make the changes. To my surprise, it is the author’s original intention to have the font white, but it is just not appearing the way it should be. The author probably used IE while designing the theme, as it only works in IE and not Firefox.
So, I decided to write a quick tutorial to fix it because it’s a very simple fix and it’s too troublesome to download and upload again. Hence, here’s the tweak for the Firefox users…
- Login into the WordPress dashboard and click on the Presentation tab.

- Click on the Theme Editor tab under the Presentation tab.

- On the right hand side of the CSS textbox, there is a list of filenames under the title ‘iTheme’ theme files. Click on the Stylesheet link.

- In the CSS textbox, scroll down and look for the code below or click Find and type in keyword “#nav li a:hover”.
#nav li a:hover, #nav .current_page_item a{
text-decoration: none;
background: #2e91c6 url(images/nav-item-hover.gif) repeat-x;
color: #ffffff;
} - Insert in “#nav .current_page_item a:visited” with a comma before the curly bracket, {. Please note that the bold is meant to guide you visually on where to make the changes and note intended to be on the original code.
#nav li a:hover, #nav .current_page_item a, #nav .current_page_item a:visited{
text-decoration: none;
background: #2e91c6 url(images/nav-item-hover.gif) repeat-x;
color: #ffffff;
} - Finally, your code should appear like below if you have done it correctly.
(Click for a larger picture)
Hope you find the tutorial easy to follow. Do feedback to me at the comment section if you have any problem.
3 Pings to “iTheme Navbar CSS bug”
11 Responses to “iTheme Navbar CSS bug”
-
11. mickeyckm Says:
February 17th, 2008 at 1:12 pmBernard: That’s because your file is not made writetable. Try to use your FTP client to make your folder CHMOD 666 or 755 on the theme file. Then you should be able to edit your theme files through the WordPress interface.










May 12th, 2007 at 10:57 pm
[...] days ago, Andre Path requested my help to modify the current iTheme to a 3-columns iTheme. He mentioned that he tried [...]
May 7th, 2007 at 6:16 pm
[...] Para quem é fã deste theme (assim como eu) e esperava o mesmo com 3 colunas, agora já é possível, mas aqui prefiro manter as 2 colunas. Podem ver a demonstração do theme aqui, ou então o sreenshot. O theme foi “baptizado” de i3Theme, o MangoOrange mantém os créditos do theme ao N. Design Studio, mas com algumas alterações. Para fazer o download e usar o i3Theme deverá aceitar alguns termos: * You may NOT resell this theme * A link back to N.Design Studio and MangoOrange must be retained in the footer (either modified or unmodified) * You may use this theme for personal or commercial projects * You may modify, translate or distribute Poderá consultar a ajuda e instalação e suporte aqui, bem como iTheme Navbar CSS Bug. [...]
May 6th, 2007 at 2:59 pm
[...] days ago, Andre Path requested my help to modify the current iTheme to a 3-columns iTheme. He mentioned that he tried [...]