Mini Profile Issue

[Slayer]

Hey! This should be guest friendly, but from what i can see its not covering the text here, only in pms now i think

hearthepeoplesing.boards.net/thread/63/test

[Azy]

Ok I *may* have something. It seems the tables and content divs are laid out differently for messages than they are for posts :\

Stick this in the bottom of your custom CSS:

.messages .item .content
{
   padding-left: 10px !important;
}


[Slayer]

I've that Azayles, but it didn't make a difference, I even edited the padding amount to see if that helped, but sadly it didn't!

[Lynx]

Hi, Slayer.

I had this same issue when I started up another forum for my friend (he's not too savvy with these things, so asked if I'd do it). It turns out that it's probably caused by the theme having wrong spacing. Let me see if I can find the fix I did there (I think it had to do with adjusting the left-panel) and I'll report back here.

[Azy]

The left panel would make sense I think because the right hand side which would normally be taken up by a single content div in posts, seems to be split into a header and footer section :\

[Lynx]

Hi, Slayer.

Try adding this to the bottom of your stylesheet. NOTE: This will adjust in PM's AND in threads, so only go as high as needed to clear the text from the mini-profile in PM's. If it adjust the gap too much in threads, I'll look for the solution for that to compensate.

.left-panel {width: 200px !important; }

Adjust the 200px up or down to just get the text to clear from the mini-profile. The best way to accomplish this is to go to your Admin > Themes > Advanced Styles & CSS > Stylesheet (tab). Then, in your preview window on the right, click Messages and open a PM (any one will work that you have the overlapping text with). Finally, at the bottom of your stylesheet, add the CSS I've got above. The preview should show the adjustment. From there, adjust as necessary. I try to get the words to meet the mini-profile's right-side border, then add about 10px or 20px to the adjustment (to push it to the right a bit more to have a little gap there). Once done, take a look at one of your threads to see how much it got pushed to the right. Let me know if it's too much and we'll see about bringing it back to the left for the threads.

[Azy]

If the settings for each ARE different, it's

.messages .item .left-panelfor messages, and

.posts .post .left-panelfor thread posts

[Lynx]

Good call, Azy - they do appear to operate differently.

Slayer - thanks to Azy, we've got this nailed down. Using my above directions to watch the changes, use THIS CSS instead of what I have above - adjust the 200px to your liking:


.messages .item .left-panel {width: 200px !important;}


That should only adjust for PM's, so your spacing in your threads won't get touched (I tested it on one of my sites). Just be sure to have a message opened in your preview window so you can watch your adjustments in real-time. If you've got any questions, feel free to ask.

[Azy]

Very happy to help, given the help I've had!
As an aside, if you use google chrome or firefox browsers, you can use inspect elements to edit the numbers on the page directly, and client side only, so if you fluff anything up, nothing saves.
Once you have the numbers how you want, you can go to CSS in themes and templates, paste in the working values, and off you go

[Slayer]

Lynx & Azy

I've put that second code in and from what I can see on my two browsers, it works for both! Which is VERY exciting! Thank you so so so very much! Saved me a lot of copying an pasting of pms so I can read them! 

You are both amazing xD

[Azy]

Well thank YOU very much! High praise indeed
So happy to help!

[Wormopolis]

This is from my plugin?