Results 1 to 5 of 5
  1. #1
    Join Date
    Aug 2009
    Location
    Limerick, Ireland
    Posts
    91
    Plugin Contributions
    0

    Default Align Search Box with Background Image

    Hello All,

    I have tried everything I know to align the "search box" in my header section with the background image I am using. I just cannot seem to get it to move up and align it in the center of the background image.

    See http://www.idostationery.ie/zen/ and you will understand what I am getting at.

    Any help would be great.

  2. #2
    Join Date
    Feb 2005
    Location
    Lansing, Michigan USA
    Posts
    20,021
    Plugin Contributions
    3

    Default Re: Align Search Box with Background Image

    Not exactly sure where you want it, but try adding something like this to #navMainSearch:

    margin:-3em 12em 0 0;

    Adjust values as needed.

  3. #3
    Join Date
    Aug 2009
    Location
    Limerick, Ireland
    Posts
    91
    Plugin Contributions
    0

    Default Re: Align Search Box with Background Image

    I'm sorry, I may not have explained it correctly.

    I have the background image exactly where I want it but the search box containing the words "enter search keywords here" - I want to move that up about 15 or 20 pixels so it will appear to be centered vertically in the middle of the background image.

  4. #4
    Join Date
    Feb 2005
    Location
    Lansing, Michigan USA
    Posts
    20,021
    Plugin Contributions
    3

    Default Re: Align Search Box with Background Image

    #navMainSearch input {vertical-align:middle;} ?

  5. #5
    Join Date
    Aug 2009
    Location
    Limerick, Ireland
    Posts
    91
    Plugin Contributions
    0

    Default Re: Align Search Box with Background Image

    stevesh,

    You are a genius, thank you so much for your help yet again. Worked perfectly.

 

 

Similar Threads

  1. v150 align Add To Cart button with a quantity box.
    By line1 in forum General Questions
    Replies: 5
    Last Post: 18 Oct 2012, 07:20 PM
  2. Search box align left for v1.3.7
    By davidf in forum Templates, Stylesheets, Page Layout
    Replies: 4
    Last Post: 8 May 2007, 06:59 AM
  3. bottom align text over background image
    By pensive612 in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 20 Sep 2006, 08:45 AM
  4. Align image with PHP...
    By Alex Clarke in forum Templates, Stylesheets, Page Layout
    Replies: 6
    Last Post: 4 Sep 2006, 08:26 AM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg