Display in 1 line

ver
OFFLINE
Posts: 142
Thanks: 4
Karma: 2

11 years 6 months ago #225750 by ver

Display in 1 line was created by ver

Hi,

i use the last CB Bootstrap Template version 2.1.0

This is what users see now:

Everything ok, but my language (spanish) need long words, so to show better display

maybe I can make some modifications. I think if i move to rigth a little bit shows in one line.

But how can i do that.

Thank in advance.

Ger.

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

krileon
ONLINE
Posts: 48460
Thanks: 8280
Karma: 1443

11 years 6 months ago #225765 by krileon

Replied by krileon on topic Display in 1 line

You'll need to make CSS adjustments to increase the label size. There's actually already CSS in place to specifically targets that location so you'll need to just adjust the following.

IN: components/com_comprofiler/plugin/templates/bootstrap/template.css
ON: Line 1744

Code:

.cb_template_bootstrap .cb_tab_content .cb_form_line div div .cb_form_line > label,
.cb_template_bootstrap .cbPosTop .cb_form_line > label,
.cb_template_bootstrap .webUrlSpan > .subTitleSpan,
.cb_template_bootstrap .webTextSpan > .subTitleSpan {
	width: 31.914893614%;
	*width: 31.8617021246383%;
	text-align: left;
}

Next you'll need to adjust the width of the field value next to it, which is found below.

IN: components/com_comprofiler/plugin/templates/bootstrap/template.css
ON: Line 1760

Code:

.cb_template_bootstrap .cb_tab_content .cb_form_line div div .cb_form_line > .cb_field,
.cb_template_bootstrap .cbPosTop .cb_form_line > .cb_field,
.cb_template_bootstrap .webUrlSpan > .subFieldSpan,
.cb_template_bootstrap .webTextSpan > .subFieldSpan {
	width: 65.95744680199999%;
	*width: 65.90425531263828%;
}

The widths are based off Twitter Bootstrap fluid-row span sizes. You can find more on this below.

twitter.github.io/bootstrap/scaffolding.html#fluidGridSystem

Currently it's a 4/8 width setup. For a 6/6 you'd set both their widths to the below.

Code:

	width: 48.93617021276595%;
	*width: 48.88297872340425%;

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: ver

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

Moderators: beat, nant, krileon