CSS on BP search box

[hma]

Hello,

I have got an issue with the serach box. As you can see the bleu search button is set above one of the search box.

I alrready have quick css about this.  I I don’t know what to modify.

Here is the list :

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%;
}
.sabai-wordpress-widget-image img {
width: 30px !important;
height: 30px !important;
border-radius: 100% !important;
}
.comp-user-avatar img {
border-radius: 100% !important;
}
.sabai-comment-avatar img {
height: 30px !important;
width: 30px !important;
border-radius: 100% !important;
}
.sabai-user-with-thumbnail img {
height: 50px !important;
width: 50px !important;
border-radius: 100% !important;
}
a.btn.btn-highlight.btn-lg.form-submit {
margin-left: -23% !important;
margin-top: 0.8% !important;
}
.fl-builder #main-container.container {
max-width: 100% !important;
width: 1600px;
margin: 0px !important;
padding: 0px !important;
}
.fl-row-bg-video .fl-bg-video video {
bottom: 0;
left: 0px;
position: absolute;
right: 0;
top: 0px;
width: 100% !important;
height: auto !important;
}
.fl-builder .wrap-content {
margin-top: -40px;
}
.fl-row-fixed-width {
max-width: 1400px;
}
.fl-builder .wrap-content {
margin-left: -1px;
}
#members_search_submit{
height: 29px !important;
}
form#bps_directory144 div{
margin-left: 10px !important;
width: 125px !important;
}
#bps_directory144 a.btn.btn-highlight.btn-lg.form-submit {
margin-top: 0% !important;
margin-left: -420px !important;
/*position: absolute;*/
}
#buddypress div.item-list-tabs ul li.last{
float: left;
margin-left: 10px;
}
#buddypress div.item-list-tabs ul li.last input{
width: 140px;
height: 44px;
margin-top: -7px;
}
form#bps_directory144 {
height: 47px !important;
}
.bp-suggestions {
background: #fff !important;
}
#buddypress #whats-new-options {
height: 3px;
overflow: visible;
}
#buddypress form#whats-new-form #aw-whats-new-submit {
background: #fff !important;
}
.bpfb_form_container{
background-color: #F7F7F7;
border-radius: 7px;
}
.customSelect{
border: 1px solid #E5E5E5;
background-color: #fff;
border-radius: 4px;
padding: 5px 6px 3px 6px;
}
#buddypress form#whats-new-form #aw-whats-new-submit:hover {
background-color: #DADADA !important;
}
div#buddypress div#members-dir-search form.gmw-kleo-form-wrapper select{
position: absolute;
}
div#buddypress div#members-dir-search form.gmw-kleo-form-wrapper input[type=submit]{
margin-left: 622px;
height: 30px !important;
/*position: absolute !important;*/
width: 66px;
display:block !important;
margin-top: -58px !important;
-webkit-margin-before: -48px !important;
}
.gmw-kleo-form-submit-loader{
display: none !important;
}
/*@-moz-document url-prefix() {
div#buddypress div#members-dir-search form.gmw-kleo-form-wrapper input[type=submit]{
margin-top: -58px !important;
}
}*/

#buddypress div#item-nav ul li a#user-directory:before{
content: “\e87f”;
}
#buddypress div#item-nav ul li a#user-questions:before{
content: “\e862”;
}
#buddypress div#item-nav ul li a#user-invite-anyone:before{
content: “\e869”;
}
#buddypress div#item-nav ul li a#user-members-following:before,
#buddypress div#item-nav ul li a#user-members-followers:before{
content: “\e82b”;
}
#buddypress div#item-nav ul li a#user-members-compliments:before{
content: “\e848”;
}

Attachments:

You must be logged in to view attached files.

[Laura]

Hello, you could try the following

COPY CODE

a.btn.btn-highlight.btn-lg.form-submit {
    float: right;
}

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]

Laura,
you are perfect like this line of code 😉
this is working as I wanted.
Thanks a lot,
hervé

[Laura]

Hello, its a pleasure to help 🙂

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