Hi,
I am using this theme on my site. I installed some additional modules like privatemsg, IMCE. These modules are adding some tabs in user profiles. All tabs are in one line and its width is more then size of content region(see in attached screen). How can I place it in two lines? I tried to resolve this issue by editing /modules/system/system.css file, I just replased

/*
** Tab navigation
*/
ul.primary {
  border-collapse: collapse;
  padding: 0 0 0 1em; /* LTR */
  white-space: nowrap;
  list-style: none;
  margin: 5px;
  height: auto;
  line-height: normal;
  border-bottom: 1px solid #bbb;
}

with

/*
** Tab navigation
*/
ul.primary {
  border-collapse: collapse;
  padding: 0 0 0 1em; /* LTR */
  white-space: wrap;
  list-style: none;
  margin: 5px;
  height: auto;
  line-height: normal;
  border-bottom: 1px solid #bbb;
}

I changed white-space parameter to wrap value. But this method is not good because its drupal core crack. Could you change something in your theme to resolve this issue?

CommentFileSizeAuthor
#2 zeropoint-error1.JPG69.47 KBGDI
zeropoint-error.JPG34.6 KBGDI

Comments

florian’s picture

florian commented

You can do it without hacking the core, directly in the theme. Add the following lines to _custom/custom-style.css:

ul.primary {
  white-space: wrap;
}

I will update the next release with that.

GDI’s picture

GDI commented
StatusFileSize
new zeropoint-error1.JPG69.47 KB

Its no work for me.
For additional information, I using corresponding settings for theme:
Style: Nature
jQuery CSS image preload: Yes
Sidebars layout: Variable width sidebars
Rounded corners: checked
Block icons: 32x32
Page icons: Yes
Menu type: Static
Menu position: Right

I added lines to the end of custom-style.css. Its no work. Then I look the page with firebug and I see for tabs

ul.primary {
}

the line is empty.

Next I put in custom-stule.css this code

/*
** Tab navigation
*/
ul.primary {
  border-collapse: collapse;
  padding: 0 0 0 1em; /* LTR */
  white-space: wrap;
  list-style: none;
  margin: 5px;
  height: auto;
  line-height: normal;
  border-bottom: 1px solid #bbb;
}

In firebug I see that all lines is redefined from system.css with same lines from custom-style.css except white-space: wrap;
I see that it continues to be used line white-space: nowrap; from system.css (see in attached pictire)
What I am doing wrong?

GDI’s picture

GDI commented

I found solution, wrap is wrong value for white-space, available value is normal.
I added the following lines to _custom/custom-style.css:

ul.primary {
  white-space: normal;
}

and its work, but looks not so good as I want.

florian’s picture

florian commented
Status: Active » Fixed

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.