Wordpress Themes - WP Forum at BFA
Click Here To DONATE! Support the theme development, get more attention and additional benefits based on your donation level. Your forum name will be highlighted.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Sidebars & Widgets »

How to place widget in header


Build custom WP THEMES, without
coding.
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
  #1  
Old Oct 23, 2010, 10:45 PM
frugalmommytoday
 
71 posts · Oct 2010
I thought I had the header widget positioned, but when i tested it in Firefox, it falls out of the layout container as seen on my website at http://frugalmommytoday.com
I put it in absolute position, but it still doesn't work. How can I get the widget area to stay inside the layout container?
  #2  
Old Oct 24, 2010, 11:03 AM
juggledad's Avatar
juggledad
 
21,705 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
How did you define it? ie what did you use and where did you put it.
__________________
If you like my help, please consider donating. I am happy to provide greater detail on this and other topics if you hire me. Please send detailed support requests to me as a private message, thank you.
Juggledad | Forum Moderator/Support
  #3  
Old Oct 24, 2010, 11:42 AM
frugalmommytoday
 
71 posts · Oct 2010
I added:

#my_new_widget_area {border: none;
position: absolute;
right: 130px;
top: 0;
width: 200px;
text-align: center;
color: #8A5C2E;
font-family: 'Arial Black', Gadget, sans-serif;
}

to the ATO>Add HTML/CSS Inserts
  #4  
Old Oct 24, 2010, 06:42 PM
frugalmommytoday
 
71 posts · Oct 2010
STB, I followed the instructions under the "Add New Widget Areas" in ATO. :-)
I added the div id for styling purposes.
But the widget is automatically postioned in the center bottom of the header area and I can float it right, but can't get it to the top. I even tried using the following:
<?php bfa_widget_area('name=My new widget area&cells=1&align=3'); ?>
to the "Style and Edit Header Area" but the align 3 didn't make a difference (according to the new widget area section, align 3 positions it to the top right. Am I doing something wrong?
  #5  
Old Oct 26, 2010, 08:59 PM
lmilesw's Avatar
lmilesw
 
9,969 posts · Jul 2009
Central New York State USA
I just wanted to mention that the align function for new widget areas aligns the contents of the area not the area itself. You generally create a widget area or areas and then you use CSS to style/position the widgets that go in them.
__________________
~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.
  #6  
Old Oct 28, 2010, 10:20 AM
Sprutt
 
12 posts · Feb 2010
frugalmommytoday: I had the same problem and just managed to solve it. What worked for me was adding a simple float:left to the logoareas CSS, and something similar but float:right to the new widget area, see example below.

table#logoarea {
float: left;
clear: none;
width: 300px;
}

Hope that might help!

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] How to: Place Header Widget in Right-Hand Corner &amp; remove large gap below bl frugalmommytoday Sidebars & Widgets 2 Oct 15, 2010 05:11 AM
[SOLVED] How do I place a background image in only one widget? igrowkids Atahualpa 3 Wordpress theme 5 Jul 31, 2010 09:34 PM
Is it easy to place a new widget in the header and footer for a novice jkfly4 Sidebars & Widgets 1 Jan 30, 2010 01:09 PM
[SOLVED] Putting images in place of widget titles ken.miller Sidebars & Widgets 4 Jun 25, 2009 12:38 PM


All times are GMT -6. The time now is 08:42 AM.


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