Please upgrade here. These earlier versions are no longer being updated and have security issues.

How to Change Search Box Place...?

This discussion is related to the Bootstrap addon.

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

Tagged:

Comments

  • @whu606 Thanks...

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

  • vrijvlindervrijvlinder Papillon-Sauvage MVP

    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.

    hgtonightUnderDog
  • edited October 2014

    @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 ?

  • fienenfienen Pittsburg, KS New

    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.

Sign In or Register to comment.