How to place widget in header
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? |
How did you define it? ie what did you use and where did you put it.
|
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 |
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? |
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.
|
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! |
All times are GMT -6. The time now is 01:25 AM. |
Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.