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 » Sidebars & Widgets »

[SOLVED] Social media icons / Widget


  #1  
Old Oct 16, 2011, 09:37 AM
christina4733's Avatar
christina4733
 
10 posts · Oct 2011
ashford, ct
I want to have my facebook icons in my header, I've read over an over and just don't get it. I'm new to this so please if anyone has any info on how to either move the widget to the header area. As of now it's on the right sidebar.. www.passionforlivinglife.com thanks and appreciate your help.
  #2  
Old Oct 16, 2011, 10:04 AM
juggledad's Avatar
juggledad
 
23,655 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
It seems hard, but it is not that confusing once you understand.

1) you need to create a widget area in the header ares so go to ATO->Style & edit HEADER AREA->Configure Header Area and add the following
HTML Code:
<?php bfa_widget_area('name=my_header_area'); ?>
2) go visit your site to cause this code to be run - it will now create a new widget area
3) go to dashboard->appearances->widgets - you should now see a new widget area 'my_header_area' and you can move the widget from the right sidebar to the header widget area.

You may need to position it using CSS so use FireBug in FireFox to look at and experiment with the positioning.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Oct 16, 2011, 12:48 PM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
Another method is to just use CSS such as the following in the CSS Inserts section of the theme options.
HTML Code:
#social-widget-3 {
    position: relative;
    bottom: 240px;
    right: 200px;
    height: 0;
}
If you don't want the title to show you would add the following
HTML Code:
#social-widget-3 .widget-title {
    display: none;
}
I use Firebug to determine all of this.
__________________
~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.
  #4  
Old Oct 23, 2011, 11:45 AM
christina4733's Avatar
christina4733
 
10 posts · Oct 2011
ashford, ct
imilesw,
yeah it worked !! thank you !! that was the easier way then the first post. ...now I'm going to work on my post link and why it's the WRONG color when you click to open it it shows red.

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Trackable Share Plugin Social Icons not Displaying krystyna Plugins & Atahualpa 5 Jun 21, 2011 05:29 AM
Positioning of Social Media tags nick51 Post-Kicker, -Byline & -Footer 1 Jun 8, 2011 03:13 PM
[SOLVED] Page Menu with Social Media Icons Tammy Page & Category Menu Bars 4 May 4, 2011 03:31 PM
Add social icons to header dingest Header configuration & styling 1 Dec 16, 2010 08:23 PM
[SOLVED] Utterli media widget ldsmedia Sidebars & Widgets 5 Sep 3, 2009 07:21 PM


All times are GMT -6. The time now is 07:11 PM.


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