Skip to Content Skip to Menu

🎃 Happy Halloween! Treat yourself with an awesome discount! Get 20% off now with code SPOOKY-2024!

DIV profile view : misalignment of label and value

  • lbaril
  • lbaril
  • OFFLINE
  • Posts: 14
  • Thanks: 1
  • Karma: 1
11 years 9 months ago #218415 by lbaril
Hello,

I am using CB and CB-conditional and therefore using div profile view
In the user profile page, the label and the field are not aligned.
You can see it in the attachment : the value is shifted up.

I tried modifying template.css around line 109, but no luck.

I see in the html :

<div id="cbfr_26" class="sectiontableentry2 cbft_status cb_form_line cbclearboth">
<label id="cblabcbfv_26" for="cbfv_26">Statut de connexion:</label>
<div class="cb_field">
<div id="cbfv_26">
<span class="cb_online">
<span>Connecté(e)</span>
</span>
</div>
Is the problem coming from html ?
thanks
Lydia
[attachment:2]Profile_capture.jpg[/attachment]

Please Log in or Create an account to join the conversation.

  • krileon
  • krileon
  • ONLINE
  • Posts: 48454
  • Thanks: 8280
  • Karma: 1443
11 years 9 months ago #218433 by krileon
Attachment doesn't seam to be present. Please provide a screenshot of the issue or a URL where the issue can be seen. Note to debug CSS issues we will require a URL to the issue.


Kyle (Krileon)
Community Builder Team Member
Before posting on forums: Read FAQ thoroughly + Read our Documentation + Search the forums
CB links: Documentation - Localization - CB Quickstart - CB Paid Subscriptions - Add-Ons - Forge
--
If you are a Professional, Developer, or CB Paid Subscriptions subscriber and have a support issue please always post in your respective support forums for best results!
--
If I've missed your support post with a delay of 3 days or greater and are a Professional, Developer, or CBSubs subscriber please send me a private message with your thread and will reply when possible!
--
Please note I am available Monday - Friday from 8:00 AM CST to 4:00 PM CST. I am away on weekends (Saturday and Sunday) and if I've missed your post on or before a weekend after business hours please wait for the next following business day (Monday) and will get to your issue as soon as possible, thank you.
--
My role here is to provide guidance and assistance. I cannot provide custom code for each custom requirement. Please do not inquire me about custom development.

Please Log in or Create an account to join the conversation.

  • lbaril
  • lbaril
  • OFFLINE
  • Posts: 14
  • Thanks: 1
  • Karma: 1
11 years 9 months ago #218440 by lbaril

Please Log in or Create an account to join the conversation.

  • krileon
  • krileon
  • ONLINE
  • Posts: 48454
  • Thanks: 8280
  • Karma: 1443
11 years 9 months ago #218450 by krileon
They're both top aligned. You just have a top margin of 8px being applied to the labels on top of the labels falling to 2 lines due to being too long. It's not possible for the field value to always be aligned with the colon (unless both are on 1 line of course).

The below CSS is responsible for the top margin.

IN: templates/jp_default_2.5/css/theme1.css
ON: Line 1098
Code:
label { color: inherit; margin-top: 8px; float: left; }

The below CSS added to the bottom of your Joomla template CSS file will make the labels for the status display larger so they don't drop to 2 lines.
Code:
.cbPosTop .cbFieldsContentsTab .cb_form_line label { margin-top: 0px; width: 39%; } .cbPosTop .cbFieldsContentsTab .cb_form_line .cb_field { width: 60%; }


Kyle (Krileon)
Community Builder Team Member
Before posting on forums: Read FAQ thoroughly + Read our Documentation + Search the forums
CB links: Documentation - Localization - CB Quickstart - CB Paid Subscriptions - Add-Ons - Forge
--
If you are a Professional, Developer, or CB Paid Subscriptions subscriber and have a support issue please always post in your respective support forums for best results!
--
If I've missed your support post with a delay of 3 days or greater and are a Professional, Developer, or CBSubs subscriber please send me a private message with your thread and will reply when possible!
--
Please note I am available Monday - Friday from 8:00 AM CST to 4:00 PM CST. I am away on weekends (Saturday and Sunday) and if I've missed your post on or before a weekend after business hours please wait for the next following business day (Monday) and will get to your issue as soon as possible, thank you.
--
My role here is to provide guidance and assistance. I cannot provide custom code for each custom requirement. Please do not inquire me about custom development.
The following user(s) said Thank You: lbaril

Please Log in or Create an account to join the conversation.

Moderators: beatnantkrileon
Powered by Kunena Forum