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 » Sidebars & Widgets »

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

Old Dec 27, 2011, 02:40 PM
94 posts · Mar 2011
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, 03:45 PM
lmilesw's Avatar
10,176 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, 05: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 03:29 PM
Issue with IE (text sizes in custom widget boxes) abnerdoon Sidebars & Widgets 1 Feb 2, 2010 08:47 PM
How To Align Widgets Vertically in Sidebar Rainer Sidebars & Widgets 2 Apr 9, 2009 08:57 PM

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

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