How to Change Search Box Place...?

minura

I want to How to add header or side place search box...?

whu606

@minura‌

Kasper doesn't support bootstrap on this forum. If you read the blurb on the addon page, it has links to github.

At a guess, I would say that you need to edit the default.master.tpl file and move this:

<div class="SiteSearch">{searchbox}</div>

to the section you want it to be in,

minura

@whu606 Thanks...

I moved this code.but search box is very long.. i how to put small search box...?

vrijvlinder

Use a css rule to make the input box smaller. Use a web inspector to see the name of the element and apply the width you want.

for example:

    .navbar-form .form-control {
    display: inline-block;
    width: 200px;
    vertical-align: middle;
    }

or 

.SiteSearch,.Search {
width:200px;
}

or

form input.InputBox{
 width:200px;
}

But you need to see what the element is called so you can create a css rule for it or edit an existing one.

onesoftindiana

@minura said:
I want to How to add header or side place search box...?

Hi, did you get it to work ? How can I remove Categories and tags that display in the right side bar ?

fienen

I used the Pocket addon, and created a "Footer Scripts" pocket at the bottom of the page, then used jQuery to just move the element in the DOM. That way, it goes where I want, and I don't have to manipulate the base theme code.