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] How to move widget to right hand side of logo area


  #1  
Old Jun 18, 2010, 08:45 AM
rungster
 
4 posts · Jun 2010
I finally figured out how to add a "Follow Me on Twitter" widget to my logo area, but I can't figure out how to position it so it is under the RSS and E-Mail widgets on the right hand side. At the moment, it is under the logo on the left here: www.higherrung.com.

Any help is greatly appreciated (with a donation, of course!)
  #2  
Old Jun 18, 2010, 11:17 AM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
what version are you on?
How did you add the widget?
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support

Last edited by juggledad; Jun 18, 2010 at 11:26 AM.
  #3  
Old Jun 18, 2010, 12:12 PM
rungster
 
4 posts · Jun 2010
I'm using 3.4.9.

I found some code on another site and pasted it into the logo area field so it becomes this:

%logo <div class="textwidget">
<a href="https://twitter.com/HigherRung" target="_blank"><img title="Follow HigherRung on Twitter" alt="Follow on Twitter" src="/wp-content/themes/atahualpa/images/icons/follow_me-b.png" /></a> %image %page-center

In case you haven't noticed, I'm a newbie but am working hard to understand this and try to do it on my own, but I can't figure this one out.

Thanks for your help!
  #4  
Old Jun 18, 2010, 06:57 PM
rungster
 
4 posts · Jun 2010
I found some code on LinkedIn and pasted that under the Twitter code, so now I have a button under the Twitter button, but they are both still on left when I want them to be on the right, under the RSS and mail.

Any help is appreciated!!
  #5  
Old Jun 19, 2010, 12:59 PM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
This is where you go veiw a page, look at the generatd source and tehn construct a CSS Selector and set of rules to position the items where you want them. w3schools (http://www.w3schools.com/Css) is a great CSS reference, I use it all the time.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #6  
Old Jun 22, 2010, 04:02 PM
rungster
 
4 posts · Jun 2010
Well, I didn't have any luck with your suggestion, but I think it's just because I'm such a novice. But, I did have some luck by moving my logo image to a text widget that also had my Follow Twitter code and View Profile on LinkedIn code. This widget also had code to set it up as a table, with the logo image taking up most of the table. Here is the code for the text widget (which a new text area from the Ata template):
<table width="100%">
<tr>
<td width="90%" rowspan="3"><a href="http://www.higherrung.com">
<img src="/wp-content/themes/atahualpa/images/logo4.gif" alt="HigherRungCommunications"/></a>
</td>
<td width="10%"><a href="https://twitter.com/HigherRung" target="_blank"><img title="Follow HigherRung on Twitter" alt="Follow on Twitter" src="/wp-content/themes/atahualpa/images/icons/follow_me-b.png" /></a><td></tr>
<tr><td><a href="http://www.linkedin.com/pub/rosemarie-rung-apr/2/984/475" ><img src="http://www.linkedin.com/img/webpromo/btn_viewmy_160x25.png" width="160" height="25" border="0" alt="View Rosemarie Rung, APR's profile on LinkedIn">
</a><td>
</tr>
</table>

To add this to the header area, I went into the Ata theme under style and edit header area and added this to Configure Header Area:
%logo <?php bfa_widget_area('name=my widget area 1'); ?>
%image %page-center

You can see that this table does not replace the logo area because I wanted to keep the RSS and e-mail subscribe features. I do wish I could add the RSS and e-mail features to my table so they line up a bit better, but I feel that I would be tempting trouble since I can't find the code for that to copy and paste into the table. I think it's in the header_config.php file in functions, but that is CSS and my widget is in HTML.

Whew! I hope others can benefit from this as I don't want all the time I spent on this to be wasted just on me!

Bookmarks

Tags
logo area, twitter

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
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] New Widget Area Above Side Bar + Spaces In Side Bar ChrisPanimation Sidebars & Widgets 18 Jan 15, 2010 09:25 AM
Menu in left hand side bar timmy123 Sidebars & Widgets 2 Jul 25, 2009 07:43 AM
[SOLVED] Adding space between the list of pages in the left hand side text widget box norwichkaren Sidebars & Widgets 1 Jul 14, 2009 06:36 PM
How do I move drop down menu bar for pages under logo area and header image? barfarf Header configuration & styling 1 Apr 22, 2009 11:49 AM


All times are GMT -6. The time now is 01:35 PM.


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