WordPress.org

Ready to get started?Download WordPress

Forums

Little help placing item below my logo (13 posts)

  1. thatcount
    Member
    Posted 5 years ago #

    HI ALL!! I need a little help placing a search form right below my logo. The logo is very top left header http://thecount.com "thecount celebrity mash up"
    I wanna put my search form right below that.

    here is my search code:

    <form method="get" id="searchform" action="<?php bloginfo('url'); ?>">
    <fieldset>
    <label for="s">
    <?php bloginfo('none'); ?>
    <?php _e('','mtsgossip'); ?>
    <input type="text" size="20" value="<?php echo wp_specialchars($s, 1); ?>" name="s" id="s" />
    <input type="submit" id="searchsubmit" value="<?php _e('Search','mtsgossip'); ?>" />
    </label>
    </fieldset>
    </form>

    Please be as detailed as poss (i.e. "put this bit in the style.css dummy" I am struggling with the learning curve here :)>

    Count
    thecount.com

  2. supernovia
    Member
    Posted 5 years ago #

    Hey Count

    I think you'd have better luck in the Themes forum. But the short answer for the moment is that it'll probably go somewhere in your header.php file... good luck!

  3. moshu
    Member
    Posted 5 years ago #

    [moved to Themes... never double post if in wrong forum; we can move it]

  4. thatcount
    Member
    Posted 5 years ago #

    sorry I did not know. Ok I will wait for some help with my issue.

    Count
    thecount.com

  5. supernovia
    Member
    Posted 5 years ago #

    Check your header.php file . What's in that file totally depends on what theme you're using, but hopefully you can see the image or text you want to put your form below. That's where you can paste your script. Save a copy pre-changes just in case it doesn't look so good :)

  6. thatcount
    Member
    Posted 5 years ago #

    I did that but could not get it to position below the logo. Do you have any coding tricks I could try that will let me move it around and try get it right :)>

  7. supernovia
    Member
    Posted 5 years ago #

    Ah, looks like your logo is actually a background image, rather than a block level element.

    You'll have to add an appropriate width to your form, float it left (to keep it from bumping into your ad there) and then give it enough of a top margin that it'll sit below the logo.

    My recommendation: use the web developer tool bar to tweak it till its just so, then copy your changes over to your header.

  8. thatcount
    Member
    Posted 5 years ago #

    could you please send over the code to add to the form? or a link.
    :D

  9. supernovia
    Member
    Posted 5 years ago #

    Do it for you you mean? ;-)

  10. thatcount
    Member
    Posted 5 years ago #

    that would be super novia, not for me can you show me code that would be appropriate to add to that section? Is it a <table or <div. I already said I'm not so super count at all this.

    count

  11. thatcount
    Member
    Posted 5 years ago #

    guess not

  12. supernovia
    Member
    Posted 5 years ago #

    Sorry, I'm on vacation for a few days. Will be back working on my own stuff when I'm back and then I'll be around here again too.

  13. supernovia
    Member
    Posted 5 years ago #

    quick answer btw for now. I don't know what numbers you'll need but yo should be able to mess with them a bit.

    Put the code below your logo as you had before, but add an ID to it.

    <form id="topsearchform" action=" ....

    Then you can add to your css file like so:

    #topsearchform { width: 200px; float: left; margin-top: 140px; }

    You will likely need to adjust those numbers to make it look just right, but that's the general idea.

Topic Closed

This topic has been closed to new replies.

About this Topic