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 »

[SOLVED] Can't vertically align text in custom widget

Build custom WP THEMES, without
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
Old Dec 27, 2011, 01:40 PM
94 posts · Mar 2011
[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>

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!
Old Dec 27, 2011, 02:45 PM
lmilesw's Avatar
10,168 posts · Jul 2009
Central New York State USA
I was trying to come up with some "hints" but couldn't so try the following in CSS Inserts.
HTML Code:
#text-2 a {
    top: 5px;
    position: relative;
All I did was use Firebug to determine the selector and play with CSS in Firebug to see what worked. Then, if I was implementing this, I would have copied the code from Firebug and pasted it into CSS Inserts
~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.
Old Dec 27, 2011, 04:33 PM
94 posts · Mar 2011
That worked, thank you! I tried some CSS using that div, but I tried vertical-align: middle;.


Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes

Similar Threads
Thread Thread Starter Forum Replies Last Post
Align Text Middle? kalookalei Center area post/pages 1 Jun 18, 2010 02:29 PM
Issue with IE (text sizes in custom widget boxes) abnerdoon Sidebars & Widgets 1 Feb 2, 2010 07:47 PM
How To Align Widgets Vertically in Sidebar Rainer Sidebars & Widgets 2 Apr 9, 2009 07:57 PM

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

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