Add Profile Cover Image in Member Profile Layout (Elementor)

[pablocanedoq]

Hi, Please indicte how to add profile cover image in Member Profile Layout. Iam using Elementor for creating profile layouts, but I cannot find any way to add the cover. Waiting for a soon response. My versions: THEME 4.1 WPLMS plugin 1.6.3.1 VibeBP 1.6.4.1

[pablocanedoq]

Note that I already have enabled this setting: https://prnt.sc/20nivbd

[Veronica]

hi if you are talking about this: http://prntscr.com/20qwjlp then edit the layout and follow the mentioned steps accordingly.

[pablocanedoq]

I need every user can upload their own cover image, using this: https://prnt.sc/20rtiub How can I set up the profile layout with Elementor, in order to make this option work for the users. For now, this is not working. Users can upload their images, but they don´t appear. Repeat: Need to know how to configure profile layout in order to make this work. Wich is, that every user can upload their own profile cover images.

[Veronica]

yes this is available for this you need to follow these steps: 1. add this CSS class " profile-cover " in vibebp>>members profile>>edit the members profile layout http://prntscr.com/20w7ikx 2. add this code in wplms-customizer.php file:

add_action('wp_footer',function(){
    $user_id = bp_displayed_user_id();  
    if(!empty($user_id)){
        $attachment = bp_attachments_get_attachment( 'url', array( 'item_id' => $user_id ) );

        $image_path = $attachment;
        ?>
        <style>
        .profile-cover{
            background: url(<?php echo $image_path;?>) !important;
        }
        </style>
        <?php
    }
    
});

3. goto>>wp-admin>>settings>>BuddyPress>>Options>>http://prntscr.com/20w776s and then reload nav from here: http://prntscr.com/20w7aov here is the tip: https://wplms.io/support/knowledge-base/how-to-add-change-profile-cover-setting-in-profile-section/

[Author]

Posts