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, 09: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, 12:17 PM
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 12:26 PM.
  #3  
Old Jun 18, 2010, 01: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, 07: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, 01: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, 05: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



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 02:14 PM
[SOLVED] New Widget Area Above Side Bar + Spaces In Side Bar ChrisPanimation Sidebars & Widgets 18 Jan 15, 2010 10:25 AM
Menu in left hand side bar timmy123 Sidebars & Widgets 2 Jul 25, 2009 08: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 07: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 12:49 PM


All times are GMT -6. The time now is 09:38 PM.


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