Tagged: ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #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.


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



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



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


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


    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



    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.



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

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