Making Search bar in header smaller? « Support Forum | Kriesi.at

Making Search bar in header smaller?

6 posts from 4 voices

Tags:

ssterk
Member

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!

Posted 1 year ago #
James Morrison
Former Team Member
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
Posted 1 year ago #
ssterk
Member

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

Posted 1 year ago #
ssterk
Member

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

Posted 1 year ago #
nogdog
Member

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

Posted 1 year ago #
Chris Beard
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
Posted 1 year ago #