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] Create header widget area to the left of the RSS icon in logo area

Old Sep 30, 2014, 08:15 PM
3 posts · Sep 2014
I would like to add social media icons to the left of the RSS icon in the logo area of the header.
Based on my research in the forums (hours and hours), I understand that the best way to do this is to create custom text widgets which link to the social media icons in question.

Here is what I have tried.

I created two dynamic widgets in the header area, as follows:

"%pages <?php bfa_widget_area('name=Header widget area&cells=2&align=2&align_2=3'); ?> %logo %bar1 %image %bar2 %cats"

Unfortunately, this creates widget areas above the blog title, just under the Pages menu, which is not what I want.

I am running Wordpress 4.0 and Atahualpa 3.7.18.
My site is here: http://www.thepassionateprojectmanager.com/

I am looking to add social media icons exactly to the left of the RSS icon.

Old Sep 30, 2014, 09:25 PM
lmilesw's Avatar
10,174 posts · Jul 2009
Central New York State USA
You can use CSS to position the media icons.
~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.
Old Oct 1, 2014, 12:42 PM
3 posts · Sep 2014
I inserted this code in the "ATO/Add HTML CSS Inserts":

bottom: 90%;
right: 10%;
position: absolute;

However, on my iPad the icon was positioned differently than on desktop computer.

When I tried "position:relative" instead of "position:absolute", I got a large white space in between the Pages Menu and the logo area.

Substituting px for % did not help.

Any advice as to what tweaks I can do to the CSS to make it work? I'd like the icons to land right next to the RSS icon in the BFA Subscribe area.
Old Oct 1, 2014, 02:18 PM
juggledad's Avatar
23,617 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
HTML Code:
top: -70px;
height: 0;
position: relative;
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
Old Oct 1, 2014, 02:58 PM
3 posts · Sep 2014
Wonderful. Worked like a charm. Thanks!


header, social media buttons, widget area style

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes

Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] Create a new Widget in Header Area only in Homepage Nasti Sidebars & Widgets 12 Nov 19, 2013 07:46 AM
[SOLVED] clickable facebook icon in logo area pmac Header configuration & styling 7 Sep 22, 2011 01:56 PM
[SOLVED] Can't get rid of text in logo image area in header area unadoyle Header configuration & styling 2 Sep 2, 2010 04:43 AM
Positioning widget onto logo area creates extra spacing in the overall header area cab262 Header configuration & styling 1 May 20, 2010 01:14 PM
[SOLVED] An easy way to have a logo over left sidebar area of header? mgclark Header configuration & styling 11 Jul 29, 2009 05:36 AM

All times are GMT -6. The time now is 10:34 PM.

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