Skip to:
Content
Pages
Categories
Search
Top
Bottom

How to make search input and search submit button smaller


  • jonotrain
    Participant

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

Viewing 4 replies - 1 through 4 (of 4 total)

  • jonotrain
    Participant

    @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
    Participant

    @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
    Moderator

    @robkk

    glad you solved your own issue.


    jonotrain
    Participant

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.
Skip to toolbar