cannot get the search forms inline

[hma]

Hello,
I have created a bp member search form with 3 boxes to search; However, I wish these to come inline over a single line. right now I have them over 3 lines with a lot of space between; How can I acheive to get them inline ?
Best rgs,
Hervé

[hma]

here aremy credentials :

startops5.wpengine.com

log : startops5
pass : lerovesss123

[Laura]

Hello, where can i see that? A link to the page? 🙂

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

[hma]

Hello laura , heres the link
http://startops.fr/members/

best rgs,
herve

[Laura]

Helo, please try by adding this to style.css of child theme

COPY CODE

.form-group.editfield.field_2.field_mon-metier.form-group {
    margin-left: -70%;
    margin-top: 5%;
}
.form-group.editfield.field_10.field_specialite.alt.form-group {
    margin-top: -16%;
}
.form-group.editfield.field_11.field_je-recherche.form-group {
    margin-left: 67%;
    margin-top: -16%;
}
form#bps_directory144 {
    height: 140px !important;
}

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

[hma]

Thanks Laura,
this did work.

However please see the picture hereby. The boxes are too far away each one from the other one, which makes the search box far too below . Would be nice to have blue the search button on the same line.

And this first search box is slightly above the 2 others.

Thanks in advance,
Hervé

[hma]

I might use full width for this page, so this is what I ma getting FYI…

[hma]

Last point 🙂

is there a reason to have this bowx so far awau from the advanced research label ?
Can we fix this ?
Thanks Hervé

[hma]

Sorry missing file…

[Laura]

Hello, please try with

COPY CODE

#buddypress .last #bps_toggle144 {
    float: left;
    margin: 7px 0 0;
    padding-left: 20px;
}
.form-group.editfield.field_2.field_mon-metier.form-group {
    margin-left: -70%;
    margin-top: 3%;
}
.form-group.editfield.field_10.field_specialite.alt.form-group {
    margin-top: -10%;
    margin-left: -35%;
}
.form-group.editfield.field_11.field_je-recherche.form-group {
    margin-left: -9%;
    margin-top: -11.5%;
}
a.btn.btn-highlight.btn-lg.form-submit {
    margin-left: 20%;
    margin-top: -11.3%;
}

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

[hma]

Thanks Laura,

We are on the right track 🙂

just need the box to be on the smae line. they seem to “decrease”…

[Laura]

Hello, try replacing the code above with this one.

COPY CODE

form#bps_directory144 div {
    float: left;
    clear: none !important;
    width: 20%;
    height: 20%;
}
form#bps_directory144 {
    height: 150px;
}
.form-group.editfield.field_11.field_je-recherche.form-group {
    width: 10% !important;
}
.form-group.editfield.field_10.field_specialite.alt.form-group {
    width: 11% !important;
}
a.btn.btn-highlight.btn-lg.form-submit {
    margin-left: -45%;
}

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

[hma]

Perfecto ! 🙂

well done Laura.

Have a great week-end

Hervé

[Laura]

Glad i could help 🙂 Dont forget to rate us please! 🙂

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

[hma]

Hello Laura,
Yes I have rated you 5 stars. Wish I could rate you more if I could. But after this project will definitely buy KLEO again . So you’ll get get 10 stars from me 🙂
Please see hereby, everything was OK, and today, I found the blue search button overlapped by another search box. see hereby…
Best rgs,
Hervé

[Laura]

Hello, i see, this will fix it!

COPY CODE

a.btn.btn-highlight.btn-lg.form-submit {
    margin-left: -23% !important;
    margin-top: 0.8% !important;
}

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

[Author]

Posts