Wordpress Themes - WP Forum at BFA - [SOLVED] Formatting custom links in header

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)

- Page & Category Menu Bars (http://forum.bytesforall.com/forumdisplay.php?f=10)

- - [SOLVED] Formatting custom links in header (http://forum.bytesforall.com/showthread.php?t=3668)

[SOLVED] Formatting custom links in header

Hello.

I very much like the Atahualpa theme and I'm almost done customizing it for my blog http://www.financeisland.com/blog/. I added links to external sites in the header using post #36 in this thread: http://forum.bytesforall.com/showthr...p?t=103&page=2.

One last change I would like to make is to make one of these links ("Blog"), which is actually the blog, not a link but still a tab. And I would like to format this tab to look exactly as the other tabs but with a different background and font color and without any format changes on hover.

I got it so far to make the tab "Blog" a green font but other formatting doesn't seem to work. Here is the code for this particular section in bfa_header_config.php:

HTML Code:

$page_menu_bar .='

<li><a href="http://www.financeisland.com/home.jsp">FinanceIsland Home</a></li>

<li><a href="http://www.financeisland.com/tools.jsp">Finance tools</a></li>

<li><a href="http://www.financeisland.com/KnowHow.jsp">How-to's</a></li>

<li>

<font color="#00FF00">

Blog

</font>

</li>

<li><a href="http://www.financeisland.com/company.jsp">Company</a></li>

';

$page_menu_bar .= '</ul></div>' . "\n";

I would appreciate any tips to get this formatting done. I searched the forum but couldn't find a solution yet.

By the way, I'm using WordPress 2.8.4 and Atahualpa 3.4.3.

Jack

try this

HTML Code:

$page_menu_bar .='

<li><a href="http://www.financeisland.com/home.jsp">FinanceIsland Home</a></li>

<li><a href="http://www.financeisland.com/tools.jsp">Finance tools</a></li>

<li><a href="http://www.financeisland.com/KnowHow.jsp">How-to's</a></li>

<li id="my_blog_tab><a href="#"> Blog </a></li>

<li><a href="http://www.financeisland.com/company.jsp">Company</a></li>

';

$page_menu_bar .= '</ul></div>' . "\n";

then use a CSS Insert to control the color

HTML Code:

li#myblog_tab {

    color: green;

}

Thanks, juggledad.

This didn't work first, but after fixing some syntax errors I almost got it how I want it to be. Since I didn't want the tab "Blog" to be a link, I have now in bfa_header_config.php the following:

$page_menu_bar .='
<li><a href="http://www.financeisland.com/home.jsp">FinanceIsland Home</a></li>
<li><a href="http://www.financeisland.com/tools.jsp">Finance tools</a></li>
<li><a href="http://www.financeisland.com/KnowHow.jsp">How-to&#39s</a></li>
<li id="my_blog_tab">Blog</li>
<li><a href="http://www.financeisland.com/company.jsp">Company</a></li>
';

And I added the following CSS inserts:

li#my_blog_tab {
color: #FF0000;
background: #000080;
font-family: Arial, sans-serif;
font-size: 11px;
text-align: center;
padding: 4px 5px;
margin: 0;
}

What is still not working is the background color. I would expect this to be dark blue (000080) based on the CSS insert above, but it's white. I also tried all possible syntax for the background color

background-color: #000080;
background: #000080;
bgcolor: #000080;

but none of them work.

Any ideas why the background color is not shown as defined?

Jack

try changing it to

HTML Code:

background: #000080 !important;

Thanks, juggledad. This worked. Greetings from PayPal. ;-)