Change Search Forums Formatting

I have just added a Search Forums widget to my Forums pages. I have a lot of content in my sidebars and would like to reduce the height of this widget. There is just too much wasted space.

Please see attached screenshots of how it is now, and then how I would like it to be.

I have tried to adjust using Custom CSS but with no success. Can you tell me please how I can accomplish this.

Thanks!

  • Rupok

    Hey Mary!

    Hope you are having a beautiful day :slight_smile:

    I just went to your forums page and found the search button appearing in the second line. So I've the following custom CSS code inside your Simple Custom CSS options page and made it like you wanted.

    aside#bbp-search-form button, html input[type="button"], input[type="reset"], input[type="submit"] {
      padding: 10px;
    }

    Moreover, when I went to the page, I also found the search bar above the forums on right side is also broken. Please check the first attached screenshot for reference.

    So I've added the following custom CSS Code to fix that too:

    .bbp-search-form {
      max-width: 500px !important;
    }

    If you don't want it, or make any changes, you will find these lines at the bottom of the Simple Custom CSS box.

    Have a nice day. Cheers!
    Rupok

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.