How to adjust PM Width?
 

Does anyone know how to change the PM Box Width? My Inbox messages are showing up to wide for my style, the box goes off of the edge.


Here is a screenshot:

https://vborg.vbsupport.ru/external/2014/07/19.png



I have been checking it out with Firebug for FireFox, but I cannot find the CSS that changes that box. Can someone please help me? This is really bugging me.

Thank You,

-Gary

A "down and dirty" fix would be to open the pm_showpm template, and locate the code:

And edit it to read:

And then by trial and error replace the margin's value of 200px with the value that gives the desired result.

I really thought that was going to work, but it just made the top and bottom shorter. The center, where the message content is, is still bigger then my board.

Here is the screenshot after I added your code:

https://vborg.vbsupport.ru/external/2014/07/16.png

On my locally hosted board where I do my coding, the change to the template has the effect shown in the attached image. I'm not sure why you are getting a different effect.

I just found out, the CSS that controls the width is the same CSS that controls the width for Viewing Threads.

Its the ".postbody" CSS. So when I change the width for "postbody", it also changes the width for the threads too.

Do you know where the codding is for "{vb:raw postbit}" ? I need to change the CSS variable for the private message body to "postbody2", and copy and paste the CSS code from postbody into additional.css, and change the width. So that way the threads wont change width, because they will use a different CSS Variable.

Do you know what I am trying to say?

Create a temp account where we can find that header and then we can easily help.

Here you go,

Site: https://thetechgenius.net

Username: Testing
Password: testing

Note: Notice the first capital letter of the user name. They are case sensitive.


Thank you so much for helping me. I greatly appreciate it!

In vBulletin they are not case sensitive, just for your info. :)

Please send a few private messages to the test account, so that I can see the header. Thanks. :)

Oh really? I thought they were case sensitive, sorry about that, my mistake.

And I have sent a PM to the test account.

Thanks again! :)

Try this:

Add this to the bottom of your additional.css template.

:)