Search box

Search box

stupidegg 1204885146|%e %b %Y, %H:%M %Z|agohover

How can I move the search box?

Re: Search box

Phil Chett 1204893757|%e %b %Y, %H:%M %Z|agohover

Its a bit fiddly cos the only way is by messing with the CSS code.
What exactly did you want to?
(maybe more importantly…. why ?) :-)

Re: Search box

stupidegg 1204941566|%e %b %Y, %H:%M %Z|agohover

I'm messing with the CSS code right now. I want to move the search box to the side bar. I think it will be more comfortable^^. Also one of the reasons is that I want to make the header as compact as possible.

Re: Search box

Robert W 1205417173|%e %b %Y, %H:%M %Z|agohover

I saw a post some time ago that suggested that this was difficult. I'd like to do the same thing though. As a temporary measure I've just made the box invisible with 'visibility: hidden' and added a search page linked from the menu.

Re: Search box

maki 1206012441|%e %b %Y, %H:%M %Z|agohover

Where exactly do you put "'visibility: hidden"?

---

Help in the forum is easier with screenshots: http://community.wikidot.com/forum_screenshots

Re: Search box

Stephen Kay 1209269728|%e %b %Y, %H:%M %Z|agohover

You can use this to move the search box to the side bar. Play with the left and top parameters to get it where you want it.

#search-top-box{
    float: left;
    position: absolute;
    left: 20px;
    top: 270px;
}

If you want to hide it completely:

#search-top-box{
    visibility:hidden;
}

Perhaps 'display:none' would also work.

To move it to the left of the account name and log-in:

#search-top-box{
    float: right;
    position: relative;
    left: -240px;
    top: 8px;
}

last edited on 1209269954|%e %b %Y, %H:%M %Z|agohover by Stephen Kay + show more