Rank Style Display
By David Frisch on Sunday, 23 August 2015
Posted in Technical Issues
Replies 5
Likes 0
Views 793
Votes 0
Afternoon,

I got a minor styling issue. As you can see in the picture, the rank title aligns:left which creates a wierd result, depending on how many characters the title has.

I tried to fix it by displaying the div as inline-block and aligning it to center but it didn't really do the trick. Any idea how I can fix the problem so all the ranks automatically align center, no matter what the string length is?

PS: Site's still on local machine and in development, so I cannot provide access.

Thanks,
David
hey David,

I am sorry that delay of this reply,

Perhaps you can try this following css and see how it goes?


div#discuss-wrapper .discuss-user .discuss-role-title {

    word-break: break-all;

}
Arlex Wong
·
Monday, 24 August 2015 10:59
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Arlex, no problem!
In theory it works, the longer titles are now aligned the same way. But this solution produces very unpleasant results as you can see in the attached image. Is there no other way to adjust the long titles and short titles so they are displayed correctly?

Thanks,
david
David Frisch
·
Monday, 24 August 2015 16:28
·
0 Likes
·
0 Votes
·
0 Comments
·
Hey David,

I am sorry that delay of this reply,

it seems like you missed up attach some screenshot in your previous reply, perhaps you can attach again and describe which are you referring to?
Arlex Wong
·
Tuesday, 25 August 2015 00:27
·
0 Likes
·
0 Votes
·
0 Comments
·
Hey,
I'm sorry
Here is the attachment.
David Frisch
·
Tuesday, 25 August 2015 04:25
·
0 Likes
·
0 Votes
·
0 Comments
·
Hey David,

I am sorry that delay of this reply,

Perhaps you can try this following css and see how it goes? (add 2 more attribute )


div#discuss-wrapper .discuss-user .discuss-role-title {

    word-break: break-all;

    margin-left: -11px;

    width: 75px;

}
Arlex Wong
·
Tuesday, 25 August 2015 10:25
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post