Tagged: ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #4803

    Is there a way to make the search bar smaller in the header on Brightbox? I’d like to make my logo bigger, but it would overlap the search bar.

    humancapitalcasecompetition.com/dev2

    Thanks in advance! As always with Kriesi themes…great and easy to use theme!

    #47561

    Hey,

    In style.css (line 2148) you can adjust the width of the search box:

    #s {
    border: medium none;
    padding: 10px 30px 10px 10px;
    position: relative;
    width: 200px;
    }

    Change 200px to whatever value you’d like (e.g. 160px).

    James

    #47562

    Awesome! How do I move over the twitter and rss icons closer to my condensed search bar?

    #47563

    And also the height? I tried a few things, but wasn’t able to make it smaller in height.

    #47564

    Hi, can I bump this for a reply to the OP as I would like to reduce the height and width a little and move the search box to the left, kind of central in the header.

    I have removed the social icons from the header so they are not of concern to me in my application of the template.

    Many thanks

    #47565

    Hey,

    you can add this to your Quick CSS or custom.css

    #searchform #s{height:10px; width:100px;}
    #searchform #s, #searchform #searchsubmit{margin-right:300px;}

    Of course you can play around with all the px values.

    I hope this helps.

    Cheers,

    Chris

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Making Search bar in header smaller?’ is closed to new replies.