Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
  • #209415

    Hi. I am using Enfold and bbPress but I have found a problem with the search box. It is really small and kind of cut off at the end. See image: Search box

    I see a solution on your own support forums that I like – a full width search box but how do I do it? This also happens when I put it in the sidebar but it looks much worse.

    One last question – can I write anything on the forums page since it’s not a page but something bbpress creates and I have no idea how to edit it? This will be great if possible but if not I’ll just live with it :(

    Thanks in advance.


    Hey n4n1!

    1) Kriesi uses following css code

    #bbp-search-form #bbp_search {
    width: 75%;
    margin: 0;
    padding: 12px 12px;
    #bbp-search-form #bbp_search_submit {
    width: 25%;
    padding: 14px 22px;
    top: -1px;
    position: relative;

    for his search form ( ).

    2) Afaik bbpress creates a forum page which you can edit like a standard page (Pages > All Pages). If you can’t find such a page you can create a custom page and then use one of the shortcodes here: to embed the forum into your content.



    Hi Peter, thanks for the quick reply. I have two questions:

    1. Where do I insert this code?
    2. I can’t find a page with the forum and this is my biggest problem. I am not sure if using a shortcode for the forum would work well since this way I will have two pages with the forum – the one that bbpress creates and the one that I create. Will I be able to prevent this if I delete the forums slug in the bbpress options so that it doesn’t create any place for the forums?

    And a bonus question, sorry. I searched your forums for a way to display a custom sidebar and I found a code that does that but when I tried it, it didn’t work. I was still seeing the old sidebar and not the new one. How can I change it?



    You can add that to the theme’s Styling tab in the theme options into the Quick CSS field or in the custom.css file in the css folder.

    This is a good guide for getting started with bbpress:

    Best regards,


    Thanks. I pasted it there and it doesn’t work. The search box looks the same.


    Can we see the page live? Please keep the css added in to your Quick CSS field.

    This reply has been marked as private.


    Please add following code to Quick CSS in Enfold theme options under Styling tab

    #bbpress-forums div.bbp-search-form { width: 100%; }
    #bbpress-forums #bbp-search-form #bbp_search {  width: 75%; }

    Best regards,


    Just did. No change still. The only change that I can see is my search icon at the menu gone and being replaced by a square which looks horrible.


    When I look at the icons from Firefox it’s fine but on Chrome they are all squares – the font icons I mean. Can’t see the reason for that.

    The search box on Firefox looks alright but there is no change on Chrome. Do you have problems with it on Chrome too or is it just me?

    • This reply was modified 10 years, 5 months ago by n4n1.


    Wanted to check if css code was being applied or not but “Maintenance mode is on
    Website will be available soon”
    Please try
    1- Flushing browser cache after applying the code and refresh your page a few times
    2- adding the code to bottom style.css file of your child theme in Appearance > Editor if you are using a child theme
    3- adding the code to Custom.css file inside Enfold/Css folder
    4- Try adding !important rule as following

    #bbpress-forums div.bbp-search-form { width: 100%!important; }
    #bbpress-forums #bbp-search-form #bbp_search {  width: 75%!important; }



    Okay, sorry I’m still creating the website and I like to keep it in maintenance mode so Google doesn’t index it until it’s complete.

    I believe the problem is in my browser. When I tried opening it in Chrome from another computer it looked fine. It also looked fine from Chrome on my phone. I am going to reinstall my Windows anyway so I suppose that will fix it. Thanks for all your help!



    You are welcome! Let us know if you have any other questions or issues


Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Full width search box for bbpress’ is closed to new replies.