[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 .=' By the way, I'm using WordPress 2.8.4 and Atahualpa 3.4.3. Jack |
try this
HTML Code:
$page_menu_bar .=' HTML Code:
li#myblog_tab { |
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's</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. ;-)
|
All times are GMT -6. The time now is 09:05 AM. |
Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.