Users running a non-download version of Vanilla (pulled from github), on branch release/2019.016 or master from the last 2 weeks should upgrade to release/2019.017 or latest master for security reasons. Downloaded official open sources releases are not affected.
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.