Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Header configuration & styling »

Wondering if anyone has added custom links to logo header.


  #1  
Old Apr 24, 2009, 01:03 AM
Kendra
 
4 posts · Mar 2009
Colorado
Has anyone successfully created this:

It is a small task, but I have been trying to have the top logo bar only for custom links (to site pages, Twitter perhaps) and styles.

The code below has created a link, but I am unable to style the bar from the options or through CSS.

In funtions/bfa_header_config.php:

$logo_area .= '</td>';}
// END of title/description
$logo_area.='<a class="email-icon" title="Contact the Book Babes" href="http://thebookbabesinc.com/contact-the-babes/">Contact Us</a>';

Now the challenge is styling the background color of the entire logo_area table as a whole. I tried this first through the options panel for the logo area, which only created a bar below it.

So I gave the logo_area the class "topbar" in line 54 of bfa_header_config.php:

$logo_area = '<table id="logoarea" table class="topbar" cellpadding="0" cellspacing="0" border="0" width="100%"><tr>';

Now I am not having any luck styling it in the "CSS Inserts" through the WP admin:

.topbar {
background-color: #000000;
}

Any ideas guys? Do I need to be changing the "topbar" table class CSS on the actual style.php file? Or do I need to do this differently?

Last edited by Kendra; Dec 7, 2009 at 11:54 PM.
  #2  
Old Apr 24, 2009, 08:11 PM
Flynn's Avatar
Flynn
 
3,768 posts · Oct 2008
Munich, Germany
Change this:

$logo_area = '<table id="logoarea" table class="topbar"

to this:

$logo_area = '<table id="logoarea" class="topbar"

and add a CSS Insert such as:


HTML Code:
table#logoarea {
...
}
It's better to use an ID if available as ID's take precedence over classes. Also, that class "topbar" isn't required there as far as I can see, since there's already an ID. The class would make sense if you had several elements with that class and wanted to "group-style" all of them. Since you're dealing with one single area or element, you could just use the ID "logoarea"

Bookmarks

Tags
custom, header, links, logo

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Custom links IN header image mkny13 Header configuration & styling 7 Jul 21, 2009 11:13 AM
replace "3 cubes" logo with custom logo image liontigerbear Header configuration & styling 3 May 13, 2009 02:07 PM
logo added but.... PJK Header configuration & styling 5 May 10, 2009 07:54 PM
Custom Logo in Header + Resizing koligirl Header configuration & styling 0 Apr 24, 2009 09:58 AM
Custom Header - Inserting HTML table and links over header. hotsauce Header configuration & styling 2 Apr 9, 2009 05:56 AM


All times are GMT -6. The time now is 02:36 AM.


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