Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

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

[SOLVED] clickable facebook icon in logo area


  #1  
Old Sep 20, 2011, 09:33 AM
pmac
 
91 posts · Nov 2010
How can I add (and position) a clickable facebook icon in the logo area? Thanks!
  #2  
Old Sep 20, 2011, 01:33 PM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
Wrap a hyperlinked image in a div with an id and put in the the Configure Header Area box. Next style with CSS.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.

Last edited by juggledad; Sep 20, 2011 at 02:44 PM.
  #3  
Old Sep 20, 2011, 03:00 PM
pmac
 
91 posts · Nov 2010
This puts it above the logo. I would like to be able to position it within the the logo image... mainemountainchildrenshouse.org
  #4  
Old Sep 20, 2011, 03:03 PM
pmac
 
91 posts · Nov 2010
More specifically, under the phone number on the right. Thanks!
  #5  
Old Sep 20, 2011, 03:11 PM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
Now you just add some CSS to the CSS Inserts area to position such as the following.
HTML Code:
#facebook {
    position: relative;
    left: 870px;
    top: 2px;
    height: 0;
}
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #6  
Old Sep 22, 2011, 11:14 AM
pmac
 
91 posts · Nov 2010
This is what I have in the configure header area:

%logo <div-id="facebook"><a href="http://www.facebook.com/groups/66146980933/"><img src="http://mainemountainchildrenshouse.org/wp-content/themes/atahualpa/images/facebook.png"/></a></div>%image %pages


and this is what I have in custom CSS:

#facebook {
position: relative;
left: 870px;
top: 2px;
height: 0;
}
Can't make it move from where it is right now at mainemountainchildrenshouse.org. I've tried lots of positioning aside from this suggestion from you. I'm sure I'm missing something. Any ideas? Thank you!
  #7  
Old Sep 22, 2011, 11:17 AM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
It's not <div-id="facebook">, it's <div id="facebook">. There is no dash.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #8  
Old Sep 22, 2011, 01:56 PM
pmac
 
91 posts · Nov 2010
Grr...sorry to bother you with that. Thanks for your help!

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
I have a mysterious facebook icon on my posts–yes, I believe I looked there for it... mimilemeu Sidebars & Widgets 9 May 27, 2011 12:28 PM
How to make company logo clickable to website? FunBloggin Header configuration & styling 2 Dec 17, 2009 09:50 AM
How to change the logo icon johullster Forum How-To 5 Sep 13, 2009 10:12 AM
Trying to insert multiple clickable images above my Logo whatsmytruth Header configuration & styling 1 May 1, 2009 12:07 PM


All times are GMT -6. The time now is 03:14 AM.


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