floating

[allana]

Hi,

I am currently trying to get two different elements on the page (the ‘members search’ button; and the ‘Order by…dropdown menu) – [attached] to float in opposite directions, but since they seem to be part of the same element they’ll only both go either left or right. If I use margin to put them at opposite ends of the page its fine but once the responsiveness kicks in it goes haywire. Know a way I can get them to float at opposite ends please?

[Kieran_SQ]

Hi,

I will assign this to a higher support level to assist you with your query. They’ll be in touch with you as soon as they can, Monday to Friday, East European Time.

Thanks,

Kieran

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

[Radu]

Hi,

I need to login to see that buttons and directory,provide them in a private reply.

Cheers
R

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

[allana]

Hi it’s the same login as for he button/icon query – many thanks

Wordpress Login
http://coparent-network.co.uk/wp-login.php
User: coparents_admin
Pass: MHHLadhHAyLzS7%G^%%P$^*f

FTP login

https://ds45.reliablehosting.com
coparentsnetwork
9Uo-ece-rZM-eQM

[Radu]

Hi,

Wrong admin credentials

Let me know

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

[allana]

Sorry they were changed since this post – thanks for your assistance.

Wordpress Login
http://coparent-network.co.uk/wp-login.php
User: coparents_admin
Pass: V4dHQh39c@7kWsCBLaOzQbae

FTP login
https://ds45.reliablehosting.com
coparentsnetwork
W8R-rFQ-wS5-XNy

[Radu]

Use this css

COPY CODE

input#bps_toggle6844 {
    background: url('https://www.shareicon.net/data/128x128/2016/07/09/118227_fb_512x512.png')!important;
    padding: 0 !important;
    background-position: 0% 50% !important;
    background-repeat: no-repeat !important;
    background-size:15px !important;
    padding-left:20px !important;
    vertical-align:middle !important;
}

Cheers
R

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

[allana]

Dear Radu,

This code works nicely – thanks alot for that. One issue though – I can see the icon is being placed at the background to the button. Problem is I need to keep the background to the button white in order to hide some css lines behind the button. Its hard to explain why, but if you logged in you would see why i need it hide them. Is there any way of placing the icon inside the button without having to use background?

Btw- just wanted to say that this is the thread on the floating of the button/’Order by’ dropdown menu.

Also I will email you in the next couple of hours about the custom work i’d like to propose to you,

Thanks again Radu.
Allan

[Radu]

I see, you need more than a regular background to a button respecting some conditions in some cases. For that maybe you will need edit directly in the php template file of that form and to do the html markup exacly how you need.

That form templates it’s located here

wp-content/plugins/bp-profile-search/templates/members/bps-form-legacy.php

So you can modify the form by copying bps-form-legacy.php to child theme in wp-content/themes/buddyapp-child/buddypress/members/

You should have also this function to child theme functions.php

COPY CODE

add_filter( 'bps_templates', 'kleo_bp_search_tpl' );

function kleo_bp_search_tpl( $templates ) {
    $templates = array ( 'members/bps-form-legacy', 'members/bps-form-horizontal' );

    return $templates;
}

Make your desired structure changes and.

Also i don’t have the functionality of the button in the way you need or any pre-made code.

NOTE : Child theme needs to be installed and activated.

Cheers
R

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

[allana]

Okay thanks Radu – I emailed you about the quote for custom code that we talked about on another thread. cheers

[Radu]

Hi,
No problem,
I will check the email later
Cheers
R

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

[Author]

Posts