Template: Breathe, Word-wrap

[diydenmark]

Hello, 
I have been working with the Breathe-template and are having some trouble with names being wrapped. See the picture, where admin is completely distorted. I have been trying to figure out how to fix it, but I can't. 




Thanks, 
Josephine

[Tiffy-Bean]

Apr 24, 2016 9:07:46 GMT -8 diydenmark said:

Hello, 
I have been working with the Breathe-template and are having some trouble with names being wrapped. See the picture, where admin is completely distorted. I have been trying to figure out how to fix it, but I can't. 




Thanks, 
Josephine

Can you link us to your forum please?

[Tumbleweed]

Apr 24, 2016 9:07:46 GMT -8 diydenmark said:

Hello, 
I have been working with the Breathe-template and are having some trouble with names being wrapped. See the picture, where admin is completely distorted. I have been trying to figure out how to fix it, but I can't. 




Thanks, 
Josephine

I just downloaded that theme and I don't get that, so like Tiffy-Bean said, we'll need a link to your forum.

[diydenmark]

Yes, of course:
www.diydenmark.proboards.com

Thank you!

[Lynx]

It looks like you've set the width for the username to be only 15%. Considering this is inside of the mini-profile, that would mean it's only 15% of the mini-profile's width - which seems to be able to handle the width of just 2 letters per line, therefore breaking it into more lines:

[diydenmark]

Apr 25, 2016 8:51:16 GMT -8 Lynx said:

It looks like you've set the width for the username to be only 15%. Considering this is inside of the mini-profile, that would mean it's only 15% of the mini-profile's width - which seems to be able to handle the width of just 2 letters per line, therefore breaking it into more lines:

Ok, how do I change that? To my knowledge I haven't done anything to the codes (because I wouldn't know what to do). 
Thank you. 

[Tumbleweed]

diydenmark , Hey there. I was just checking older threads to verify if they were solved or not and just saw you never got an answer to how to change the width.

I'm can't find exactly where that is in the style sheet but many theme creators add the css at the bottom of the style sheet so head to Admin > Themes> Advanced Styles & CSS> Style Sheet>  and scan the css that is at the bottom and see if you can find this:

.list .username {
width: 15%;
}

If you can't find it then just add it to the very bottom of the style sheet and change the 15% to something more reasonable like 90% or you could try 100%. Whatever works best.

And apologies for not noticing this sooner. I thought you were being helped and didn't follow up when I should have.

[diydenmark]

Tumbleweed, Thank you for replying
I can't find that specific line in the code so I tried to add it at the bottom of the style sheet however, that doesn't seem to work.
I'm sorry if it's just me overseeing something, but I have tried now for a while to get it to work and it's really frustrating.

[Tumbleweed]

May 7, 2016 6:50:56 GMT -8 diydenmark said:

Tumbleweed , Thank you for replying
I can't find that specific line in the code so I tried to add it at the bottom of the style sheet however, that doesn't seem to work.
I'm sorry if it's just me overseeing something, but I have tried now for a while to get it to work and it's really frustrating.

I can see where you added that but something is over-riding it as you can see it is crossed out and the 15% remains.




I want you to try two more things. Try adding !important to the css you added.

So it would look like this:

.list .username {
width: 100%!important;
}


If that doesn't work remove that and  then try this:

.mini-profile .username{
width: 100%!important;
}

If still no joy, then can you pm me your mini-profile template because when I inspect elements on my test site for that section, I do not get .list .username like I do on your site. Here is what I get when viewing elements:

[diydenmark]

Tumbleweed
It finally finally worked! Thank you so much for your help.
What worked was adding !important to the code.

I'm really happy because I spent a lot of time trying to figure it out, so thank you

[Tumbleweed]

May 8, 2016 0:50:16 GMT -8 diydenmark said:

Tumbleweed
It finally finally worked! Thank you so much for your help.
What worked was adding !important to the code.

I'm really happy because I spent a lot of time trying to figure it out, so thank you

Yea! Glad that worked and you're welcome. Best of luck with your site.