Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Header configuration & styling (http://forum.bytesforall.com/forumdisplay.php?f=15)
-   -   [SOLVED] clickable facebook icon in logo area (http://forum.bytesforall.com/showthread.php?t=15438)

pmac Sep 20, 2011 09:33 AM

[SOLVED] clickable facebook icon in logo area
 
How can I add (and position) a clickable facebook icon in the logo area? Thanks!

lmilesw Sep 20, 2011 01:33 PM

Wrap a hyperlinked image in a div with an id and put in the the Configure Header Area box. Next style with CSS.

pmac Sep 20, 2011 03:00 PM

This puts it above the logo. I would like to be able to position it within the the logo image... mainemountainchildrenshouse.org

pmac Sep 20, 2011 03:03 PM

More specifically, under the phone number on the right. Thanks!

lmilesw Sep 20, 2011 03:11 PM

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


pmac Sep 22, 2011 11:14 AM

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!

lmilesw Sep 22, 2011 11:17 AM

It's not <div-id="facebook">, it's <div id="facebook">. There is no dash.

pmac Sep 22, 2011 01:56 PM

Grr...sorry to bother you with that. Thanks for your help!


All times are GMT -6. The time now is 12:59 PM.

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