Image Field Name Truncated

This is not happening with buddypress default theme, so I guess it’s because you are using a custom theme. If you are looking for the profile view, you need to find this file:
“wp-content/themes/your-theme-directory/members/single/profile/profile-loop.php.

My theme support insists that the image title and formatting of the image are defined by the buddypress xprofile custom field types plugin.
I am hoping to format the length of the image field title and allow text wrapping. I would also like to control the size of the image that displays as well as center the image in the allowed space.

Here is an example of how the image field name and the image is displaying in my theme. Perhaps this will help to get to the bottom of this:

https://uberon.net/kaylinda/#verified-10003

Thanks for your help!

My theme support insists that the image title and formatting of the image are defined by the buddypress xprofile custom field types plugin.
I am hoping to format the length of the image field title and allow text wrapping. I would also like to control the size of the image that displays as well as center the image in the allowed space.

Here is an example of how the image field name and the image is displaying in my theme. Perhaps this will help to get to the bottom of this:

https://uberon.net/kaylinda/#verified-10003

The image generated by your plugin that I am trying to format is the image to the right of the member profile avatar in the “verified” tab.

Thanks for your help!

I was able to style the css to solve this issue:

.dl-horizontal {
max-width:400px !important;
}

I say before, this is not from my plugin, it’s from your theme. Check your code.

The field name is:
<dt>Double Thumbs-Up Verification Photo</dt>
This tag has a class applied:

.dl-horizontal dt {
float: left;
width: 160px;
overflow: hidden;
clear: left;
text-align: right;
text-overflow: ellipsis;
white-space: nowrap;
font-weight: bold;
}

Delete the line “text-overflow: ellipsis;” and increase the width of this class “width: 160px;”.

This code is located inside “/wp-content/themes/sweetdate/assets/styles/app.css”

It’s a css from your theme, so talk with the support team of your theme because they are wrong…

You are correct. Sorry about the confusion and thanks for your help. The above CSS did the trick!