[jonotrain]

on my forum (http://libraryofbabel.info/forum/?page_id=14 – WP 4.2.2 – bbp 2.5.7) I am trying to resize the search input box and the search submit button. I would like both of them to be smaller in the vertical dimension. I have tried adding the following to my theme’s css file:

.bbp-search-form {
height:10px;
}

But this changes its location – moving it closer to the table beneath it, without changing its size. What do I need to do to change the size?

[jonotrain]

Update: I figured out that I needed to be editing the bbpress.css file in my bbpress folder, and that I needed to edit the following definitions:

#bbpress-forums #bbp-search-form #bbp_search {
display: inline-block;
width: auto;
}

#bbpress-forums #bbp-search-form #bbp_search_submit {
}

However, if I add “height:15px;” to both entries the result is that the boxes become smaller but the “Search” text in the button is cut-off completely, instead of re-positioning and/or resizing. If there is a way to reposition/resize the text it will work.

[jonotrain]

Problem solved. These are the lines I had to add:

#bbpress-forums #bbp-search-form #bbp_search {
display: inline-block;
width: auto;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
height:12px;
line-height:12px;
margin-top:2px;
}

#bbpress-forums #bbp-search-form #bbp_search_submit {
height:10px;
line-height: 10px;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
@-moz-document url-prefix() {
#bbpress-forums #bbp-search-form #bbp_search {
height:14px;
line-height:14px;
}
#bbpress-forums #bbp-search-form #bbp_search_submit {
height:10px;
line-height: 10px;
}
}
#bbpress-forums div.bbp-search-form {
height:20px;
float: right;
}

[Robkk]

glad you solved your own issue.

[jonotrain]

Is there an administrator here who could remove my forum’s URL from this post? I’ve been getting a lot more spam since posting this.