Wordpress Themes - WP Forum at BFA

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)

jlampka Sep 30, 2009 04:50 PM

[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

juggledad Sep 30, 2009 07:05 PM

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;
}


jlampka Oct 1, 2009 02:51 AM

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

juggledad Oct 1, 2009 05:38 AM

try changing it to
HTML Code:

background: #000080 !important;

jlampka Oct 2, 2009 03:27 AM

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


All times are GMT -6. The time now is 06:08 PM.

Powered by vBulletin® Copyright ©2000 - 2020, Jelsoft Enterprises Ltd.