[SOLVED] Can't vertically align text in custom widget
I have created a custom widget above the logo/header and in this widget I have placed a Contact Us link and the search box. I can't seem to vertically align the text to match up with the search box however. How can I do this?
Here is the code from my widget: <div style="font-size: 16px; text-align: right; margin-bottom: 10px; color: #ffffff;"><a href="http://www.reapfoundation.org/contact">Contact Us</a> <div class="searchbox" style="float: right;"> <form method="get" class="searchform" action="http://www.reapfoundation.org/"> <div class="searchbox-form"><input type="text" class="text inputblur" onfocus="this.value=''" value="Search this site" onblur="this.value='Search this site'" name="s" /></div></form></div> </div> I've tried top padding in the outer div, I've tried adding a div just for the text, I've used firebug to try to find which divs I can change and tried all sorts of stuff in the CSS inserts, but I can't seem to find the right combination or area to change. The URL is www.reapfoundation.org. I'm using the most recent versions of Atahualpa and WP. Thank you! |
I was trying to come up with some "hints" but couldn't so try the following in CSS Inserts.
HTML Code:
#text-2 a { |
That worked, thank you! I tried some CSS using that div, but I tried vertical-align: middle;.
|
All times are GMT -6. The time now is 11:34 AM. |
Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.