CSS customisation

RE: i dont know what is going on with the permalink? when i go to CONNECTIONS – MANAGE – VIEW it doesnt show the listing – it shows this URL – I dont think ‘name’ should be in the URL but i dont know where i can fix this?

It appears you split your directory across many pages on your site. The view link will only resolve to the page set as the directory home page. This is set on the Connections : Settings admin page under the General tab.

Since the directory is split like this, the view links in the admin will not function because it is not possible for Connections to know which page that entry actually resides.

Hope this makes sense!

RE; after using the css code, it has moved the image, which is great – however now there is a massive blank area – can the ‘bio’ go in this space, or can the Contact Details go in this space?

Use this CSS instead:

#cn-list #cn-profile .cn-clear {
    clear: none;
}

#cn-list #cn-profile .cn-entry-single .cn-biography {
    clear:left;
    padding-top: 20px;
}

Hope this helps!

@ Paula

You can setup Connections and it’ll work. Many users use Connections in exactly this way. It is just a little more complex of a setup. Design wise Connections is focused on a single page usage, which is how most use it. So, certain things like the view link on the Manage admin page will only ever resolve to the page set os the directory home page because, like I mentioned, it is not possible for Connections to know which entry belongs to which page when manually separated.

Hope this helps!

@ Paula

Both the Bio and Notes field supports adding images from the media library. However, the Profile template does not display the notes fields since it is design focused on displaying the bio and photo as the primary content.

Since you wish to have the photo only on the profile detail page, you could alter the template using a template override file.

The file you would want to alter is card-single.php, found in this path:

../wp-content/plugins/connections/template/profile/

The function you would add is:

$notes = $entry->getNotes();
if ( 0 < strlen( $notes ) ) {

    $entry->getNotesBlock(
        array(
            'before' => '<h4>' . esc_html__( 'Notes', 'connections' ) . '</h4>' . PHP_EOL,
            'after'  => '<div class="cn-clear"></div>',
        )
    );

}

Hope this helps!