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 »

[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,176 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,176 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,176 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 01:42 AM.


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