Profile Picture Display Issue

[jeffkauffmanjr]

Hi,

Please see the screenshot attached. The profile pic is overlapping with the text below. The screenshot is from the desktop view. On mobile, this error does not occur.

What should I do to fix it, while ensuring that it will look good for both desktop and mobile browsers?

Jeff

Attachments:

You must be logged in to view attached files.

[Staffatico]

I think you could get that taken care of with some CSS work

[sharmstr]

It looks like the @name is missing. That’s what sets the padding between the avatar and the active message. You can add this css and adjust as necessary

#item-header-content {
margin-top: 15px;
}

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

[jeffkauffmanjr]

I tried to add that code to the user-profile.php page and it broke the page. Here’s how I added it. I put the code you suggested at the bottom, as you can see below.

Do you have any further suggestions?

<?php

/**
* User Profile
*
* @package bbPress
* @subpackage Theme
*/

?>

<?php do_action( ‘bbp_template_before_user_profile’ ); ?>

<div id=”bbp-user-profile” class=”bbp-user-profile”>
<h2 class=”entry-title”><?php _e( ‘Profile’, ‘bbpress’ ); ?></h2>
<div class=”bbp-user-section”>

<?php if ( bbp_get_displayed_user_field( ‘description’ ) ) : ?>

<p class=”bbp-user-description”><?php bbp_displayed_user_field( ‘description’ ); ?></p>

<?php endif; ?>

<p class=”bbp-user-forum-role”><?php printf( __( ‘Forum Role: %s’, ‘bbpress’ ), bbp_get_user_display_role() ); ?></p>
<p class=”bbp-user-topic-count”><?php printf( __( ‘Topics Started: %s’, ‘bbpress’ ), bbp_get_user_topic_count_raw() ); ?></p>
<p class=”bbp-user-reply-count”><?php printf( __( ‘Replies Created: %s’, ‘bbpress’ ), bbp_get_user_reply_count_raw() ); ?></p>
</div>
</div><!– #bbp-author-topics-started –>

<?php do_action( ‘bbp_template_after_user_profile’ ); ?>

#item-header-content {
margin-top: 15px;
}

[sharmstr]

It doesnt go in that file. It either goes in your child theme style.css file or in Theme Options > General > Quick CSS.

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

[Author]

Posts