Render Member Card Avatar as background image?

[ianll]

Hello,
I’m trying to change the member-loop so I can render the member avatar image as a background image. Below is the code I’m trying and have tried so many different codes to no avail. The image url slashes keep getting stripped out or the <img src html is rendered which wont work.

Any suggestions to the code?

COPY CODE

<?php while ( bp_members() ) : bp_the_member(); ?>

        <div class="item-avatar" style="background: url("<?php $userid = bp_get_member_user_id(); $avatarurl = bp_core_fetch_avatar(array('item_id' => $userid, 'type' => 'full', 'html' =>false)); echo $avatarurl;?>") center center no-repeat">

Thank you!!

[sharmstr]

Wouldnt the returning just the url be better? bp_core_fetch_avatar_url

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[ianll]

tried that as well and still get the slashes stripped out…

[sharmstr]

This works for me

COPY CODE

style="background-image:url(<?php echo bp_core_fetch_avatar( array( 'item_id' => bp_get_member_user_id(), 'html' => false, 'type' => 'full' ) ); ?>); background-size:cover;"

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[ianll]

Wonderfull! Thanks @sharmstr!

[Author]

Posts