Support

  1. jbooth59
  2. General
  3. Wednesday, December 05 2018, 01:46 AM
  4.  Subscribe via email
How am I able to make my profile description fields fit the full length of its characters and not be truncated. Please see attached.
Attachments (1)
admin Accepted Answer
Admin
Hi,
Easy Profile uses simple HTML description lists (DL,DD,DT tags), the style of this list is managed by your template.

To provide CSS code to fix it we need to see your site, can you please provide me your site link? to keep it private you can use the form below the reply in "Site Details" tab (we need only Site URL)
  1. 6 days ago
  2. General
  3. # 1
jbooth59 Accepted Answer
Pro
Please find my site url in the Site details.
  1. 6 days ago
  2. General
  3. # 2
admin Accepted Answer
Admin
Hi,
sorry for late reply,
you can add following CSS code to fix this:
@media (min-width: 768px){
.dl-horizontal dt{text-overflow:initial;white-space:normal}
}
  1. 5 days ago
  2. General
  3. # 3
jbooth59 Accepted Answer
Pro
Is this to be added to the current in use templates css or someplace else. If it is to be applied to the template then I think there is some conflict as the template has this currently. Most specifically the max-width vs the min-width.

@media (max-width: 768px) {
.sppb-addon-image-content .sppb-col-sm-offset-6 {
margin: 0;
}
.sppb-addon-image-content .sppb-col-sm-6 {
width: 100%;
}
  1. 5 days ago
  2. General
  3. # 4
admin Accepted Answer
Admin
Hi,
you seems to using a template from Joomshaper.

Joomshaper templates allow you to add custom CSS in 2 ways:
1) custom.css file placed at /templates/your-template-folder/css/
2) before head tag from Extensions->Templates->your template->Custom Code

Most specifically the max-width vs the min-width.
Your CSS code not seems related to DL,DD,DT tags and directives text-overflow and white-space.
  1. 5 days ago
  2. General
  3. # 5
jbooth59 Accepted Answer
Pro
Thank you for the information as I believe I now have this working and was very useful to understand this.
  1. 5 days ago
  2. General
  3. # 6
jbooth59 Accepted Answer
Pro
I guess I do have one more question. If I change the white-space to nowrap and allow for the whole description field to be displayed what is the controller for the width of that description field? Otherwise it gets truncated.
  1. 5 days ago
  2. General
  3. # 7
admin Accepted Answer
Admin
Hi,
this is not something that you need to manage with white-space directive, you should override the width of the labels.

To find that directive to override with CSS then you can use Google Chrome Inspector*, this tool allow you to see all inherited style from any tag,

*you can open it with "Ctrl+Shift+I" (Windows / Linux) or "Cmd+Opt+I" (Mac).
  1. 4 days ago
  2. General
  3. # 8
  • Page :
  • 1


There are no replies made for this post yet.
However, you are not allowed to reply to this post.

Request Support

Support is currently Offline

Support Availability

Working days: Monday to Friday. The support staff is not available on weekends; in the most of cases tickets will not be answered during that time.

Reply time: Depending on the complexity of your support issue it's usually between a few minutes and 24 hours for paid members and about one week for free members. When we expect longer delays we will notify you.

Guidelines

Before you post: read the documentation and search the forums for an answer to your question.

When you post: include Site Details if you request a support (you can use the form below the reply in Site Details tab).

Auto Solved Question: If after a week the author of the post does not reply to a request by moderator, the question will be marked as resolved.

Language: only English

Easy Profile® is not affiliated with or endorsed by Open Source Matters or the Joomla Project. Joomla is Free Software released under the GNU/GPL License.