[SOLVED] How to move widget to right hand side of logo area
 

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!)

what version are you on?
How did you add the widget?

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!

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!!

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.

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!