I want to How to add header or side place search box...?
@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,
@whu606 Thanks...
I moved this code.but search box is very long.. i how to put small search box...?
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.
❌ ✊ ♥. ¸. ••. ¸♥¸. ••. ¸♥ ✊ ❌
@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 ?
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.
Comments
@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,
@whu606 Thanks...
I moved this code.but search box is very long.. i how to put small search box...?
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.
❌ ✊ ♥. ¸. ••. ¸♥¸. ••. ¸♥ ✊ ❌
Hi, did you get it to work ? How can I remove Categories and tags that display in the right side bar ?
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.