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é

Attachments:

You must be logged in to view attached files.

[hma]

This reply has been set as private.

[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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[hma]

This reply has been set as private.

[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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[hma]

This reply has been set as private.

[hma]

This reply has been set as private.

[hma]

This reply has been set as private.

[hma]

This reply has been set as private.

[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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[hma]

This reply has been set as private.

[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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[hma]

This reply has been set as private.

[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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Author]

Posts