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] Adding social sharing buttons to header


  #1  
Old Apr 7, 2013, 08:42 PM
sking
 
6 posts · Apr 2013
I'd like to add social media sharing buttons (facebook, twitter, Google+, etc...) to the position where the Subscribe to RSS Posts and Comments buttons are located in the header. Is it possible to do that?
  #2  
Old Apr 7, 2013, 09:39 PM
lmilesw's Avatar
lmilesw
 
10,176 posts · Jul 2009
Central New York State USA
It is possible. You could...
  • Add the proper code to perhaps the Configure Header Area box wrapped in div with an ID and then style with CSS.
  • Add a new widget area to that same box and use a widget in the created widget and style with CSS
There are many ways to accomplish this depending on your level of experience with the theme and 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.
  #3  
Old Apr 8, 2013, 12:56 AM
sking
 
6 posts · Apr 2013
...I am new to web designing (and this theme); but am finding it easy to learn. Will try option 2.
I see that "Add new Widget Areas" under ATO seems self-explanatory. Will type back if I run into any glitches...Thanks lmilesw.
  #4  
Old Apr 8, 2013, 02:49 AM
sking
 
6 posts · Apr 2013
ok...I've added the widget area and a widget. I need some help in finding out how to style it in CSS though...and the location to add the code. I could do it in the css file directly...but I guess it will be reset when I upgrade Atahualpa.
  #5  
Old Apr 8, 2013, 03:54 AM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
Use the FireBug extension of firefox to examine the code and then add your CSS to the themes 'CSS Inserts' option
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #6  
Old Apr 8, 2013, 04:42 AM
sking
 
6 posts · Apr 2013
Thanks juggledad....

I have attached a pic of what I want to do.
Basically....I want to replace the search-box <div> with my widget <div> in the same cell.
The problem is....when I disable the search-box in Atahualpa(don't need the searchbox), the <td> get deleted as well. Then my widget <div> gets created as in a new <tr> instead of <td>....
Attached Thumbnails
Click image for larger version

Name:	T1.png
Views:	1203
Size:	27.3 KB
ID:	2306  
  #7  
Old Apr 8, 2013, 05:29 AM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
1) what is the url
2) where did you add your new widget area
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #8  
Old Apr 8, 2013, 10:09 AM
sking
 
6 posts · Apr 2013
I put this code "<?php bfa_widget_area('name=SocialSharingButtons&align=3 '); ?>" in the configure header area after %logo.

The result is that the widget appears below the %logo row...whilst I am looking to add a column to the right of the %logo so that I can make use of the space there.

Any ideas?
  #9  
Old Apr 8, 2013, 10:49 AM
lmilesw's Avatar
lmilesw
 
10,176 posts · Jul 2009
Central New York State USA
For positioning as you want I generally set the position for #wrapper or #container to relative and then use absolute position for the the item in question which in your case is the social sharing buttons.

As a subnote you can use spaces between the words in the name attribute. This makes it a bit cleaner when looking at the widgets.
__________________
~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.
  #10  
Old Apr 8, 2013, 12:07 PM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
the url???
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #11  
Old Apr 9, 2013, 02:20 AM
sking
 
6 posts · Apr 2013
Thanks for the suggestion. I'm doing more research of #wrapper and #container and absolute positioning. Will post back when I'm successful.
  #12  
Old Apr 9, 2013, 09:36 AM
canhtt
 
2 posts · Apr 2013
Quote:
Originally Posted by lmilesw
It is possible. You could...
  • Add the proper code to perhaps the Configure Header Area box wrapped in div with an ID and then style with CSS.
  • Add a new widget area to that same box and use a widget in the created widget and style with CSS
There are many ways to accomplish this depending on your level of experience with the theme and CSS.
tks, it worked

Bookmarks



Similar Threads
Thread Thread Starter Forum Replies Last Post
How to add social sharing button component to Post Info Items lowper Header configuration & styling 1 Oct 5, 2012 09:12 PM
Prevent floating social networking buttons from being hidden behind header bar? singledudetravel Header configuration & styling 1 May 19, 2012 05:55 AM
[SOLVED] Embedding ADD THIS and other Social Sharing Functions Manually Jurgen Estanislao Forum How-To 2 May 28, 2010 02:03 AM


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


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