• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

Duplicate Short Width on Left Profile Block Causes Last Activity to Be on a Separate Line

Amaury

Well-known member
#1
Because of the short width, the following causes the last activity details to be on a separate line instead of on the same line as Last Activity:
  • Yesterday
  • Sunday
  • Monday
  • Tuesday
  • Wednesday
  • Thursday
  • Friday
  • Saturday

Last Activity XenForo.png
 

Brogan

XenForo moderator
Staff member
#6
Yes.

Set the width in Style Properties -> Member Profile Page -> Settings: Sidebar Width

Then add to EXTRA.css:
Code:
.member_view .profilePage .mainProfileColumn {
margin-left: 254px;
}
The value needs to be the total of the sidebar width + padding between the two.

In my case the sidebar width is 246px and I have 8px padding, so 254px.
 
Last edited:

CyberAP

Well-known member
#7
With a little help of magic properties that inline elements have I managed to resolve that issue. Here is the code:

Code:
.mast .section.infoBlock .secondaryContent
{
  text-align: right;
}

.pairsJustified dt
{
  text-align: left;
  margin-right: 0; /* we don't need this anymore */
}

.pairsJustified dd
{
  float: none;
  display: inline;
  vertical-align: text-top;
}
Code must be going after main CSS, extra.css probably wouldn't work. Otherwise you just can add 'body' before each selector, that way it will work in extra.css. So for example .pairsJustified dd becomes body .pairsJustified dd.

One thing this doesn't solve — very long titles on the left.

Hope this will be implemented in core.

Oh, yes, final result of course.

lines.PNG
 

Amaury

Well-known member
#8
Yes.

Set the width in Style Properties -> Member Profile Page -> Settings: Sidebar Width

Then add to EXTRA.css:
Code:
.member_view .profilePage .mainProfileColumn {
margin-left: 254px;
}
The value needs to be the total of the sidebar width + padding between the two.

In my case the sidebar width is 246px and I have 8px padding, so 254px.
So I just did the style property part on DOTATalk, but what exactly does the custom CSS do?