Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!

Try Vanilla Forums Cloud product
Please upgrade to 2.3 here. The 2.2 and earlier branches are no longer being updated.

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

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.

  • 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.