Horizontal Search Bar Layout

[Keith Graham]

I am having some issues with the horizontal search bar. All the options are running in to each other and not going on to their own lines. http://www.myboondockingnetwork.com/members/ is an example. I have searched for settings and CSS styling but can’t find it. Any suggestions would be appreciated.

[Keith Graham]

Any help on this would be appreciated.

[Abe]

Hi Keith,
We made some changes to the file that generates the form to add some specific classes to each form field so you can customize easily by CSS
Please replace until next update this file content p-content\themes\sweetdate\custom_buddypress\kleo-bp-search.php with https://archived.seventhqueen.com/files/kleo-bp-search.txt

After that you can inspect the elements using Firebug for Firefox or Chrome browser and add specific styles like:

COPY CODE

.hz-checkbox {clear:left;}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Keith Graham]

Works perfectly… Thank you.

[Keith Graham]

Also wanted to say that your customer service and support is superb.

[MotionProm]

Hello,

How can i customize this layout ? I don’t understand. Here is result i’ve got :
http://www.cinequontest.com/members/

Text is in white, background too and i really want all the checkboxes left-align row by row. How can i do it ?

Thanks

[Abe]

Hi, To have the checkboxes left aligned you can do it by adding this CSS

COPY CODE

.two.columns.bglabel {
    clear: left;
}

Any other styling to that section should be done with custom CSS. Inspect the elements using Chrome browser or Firebug for Firefox.
Example background change CSS:

COPY CODE

#horizontal_search form.custom div.custom.dropdown a.current {
background: #f4f4f4;
}
#horizontal_search.custom div.custom.dropdown a.selector {
    background: #F4F4F4;
}

#horizontal_search input[type="text"] { 
background: #F4F4F4;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[MotionProm]

Thank you so much !! Best Support ever !!

One more thing, could you please tell me on which kind of web hosting you have your demo website, because mine is very slow and i guess i need to change my hosting service : please check it out : http://www.cinequontest.com

[Abe]

You should change to a VPS (Virtual Private Server) or a dedicated server from shared account. WE are currently hosting ours at OVH.us in a dedicated machine

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Author]

Posts