cannot get the search forms inline

Home Forums KLEO cannot get the search forms inline

This topic has 15 replies, 2 voices, and was last updated 10 years by Laura.

  • Author
  • September 9, 2015 at 19:44 #76792
     hma
    Participant

    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é

    September 9, 2015 at 19:48 #76794
     hma
    Participant

    here aremy credentials :

    startops5.wpengine.com

    log : startops5
    pass : lerovesss123

    September 10, 2015 at 11:11 #76897
     Laura
    Moderator

    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
    September 10, 2015 at 13:27 #76974
     hma
    Participant

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

    best rgs,
    herve

    September 10, 2015 at 14:18 #76988
     Laura
    Moderator

    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
    September 10, 2015 at 14:30 #76997
     hma
    Participant

    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é

    September 10, 2015 at 14:34 #76999
     hma
    Participant

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

    September 10, 2015 at 14:38 #77001
     hma
    Participant

    Last point 🙂

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

    September 10, 2015 at 14:39 #77002
     hma
    Participant

    Sorry missing file…

    September 10, 2015 at 15:44 #77030
     Laura
    Moderator

    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
    September 10, 2015 at 15:56 #77036
     hma
    Participant

    Thanks Laura,

    We are on the right track 🙂

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

    September 11, 2015 at 17:15 #77208
     Laura
    Moderator

    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
    September 11, 2015 at 17:25 #77212
     hma
    Participant

    Perfecto ! 🙂

    well done Laura.

    Have a great week-end

    Hervé

    September 13, 2015 at 19:25 #77403
     Laura
    Moderator

    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
    September 18, 2015 at 14:10 #78347
     hma
    Participant

    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é

    September 19, 2015 at 00:17 #78462
     Laura
    Moderator

    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
Viewing 16 posts - 1 through 16 (of 16 total)

The forum ‘KLEO’ is closed to new topics and replies.

Support Hours Our support team is available from Monday to Friday during regular office hours ( East European Time ). Please allow up to 48hrs so we can review your request and respond.
License info One theme purchase allows you to use it only on one WordPress install, so each new install requires a new license. We thank and appreciate everyone for their purchase as it allows us to keep supporting and releasing new updates.
Support Hours Our support team is available from Monday to Friday during regular office hours ( East European Time ). Please allow up to 48hrs so we can review your request and respond.
License info One theme purchase allows you to use it only on one WordPress install, so each new install requires a new license. We thank and appreciate everyone for their purchase as it allows us to keep supporting and releasing new updates.

©2026 SeventhQueen - Powered by KLEO Theme

Terms & conditions | Privacy Policy

Log in with your credentials

Forgot your details?