How to adjust PM Width?

[thetechgenius]

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

[MarkFL]

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

<ol>
{vb:raw postbit}
</ol>


And edit it to read:

<ol style="margin-right: 200px">
{vb:raw postbit}
</ol>


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

[thetechgenius]

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

<ol>
{vb:raw postbit}
</ol>


And edit it to read:

<ol style="margin-right: 200px">
{vb:raw postbit}
</ol>


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

[MarkFL]

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.

[thetechgenius]

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?

[tbworld]

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

[thetechgenius]

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!

[tbworld]

Username: Testing
Password: testing
Note: Notice the first capital letter of the user name. They are case sensitive.


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. :)

[thetechgenius]

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! :)

[tbworld]

Try this:

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


.postbitlegacy .postbody, .eventbit .eventdetails .eventbody {
width: 546px !important;
}


:)

[thetechgenius]

Try this:

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


.postbitlegacy .postbody, .eventbit .eventdetails .eventbody {
width: 546px !important;
}


:)

I tried that already. lol.

But just so you see what that code does, I added it to the additional.css anyway.

It does fix the PM problem, but it also changes the width for the threads.

https://thetechgenius.net/threads/7-Test-poll-This-is-a-test-title.-This-is-a-test-title.-this-is-a-long-test-title.?p=20

Edit: I think I have to change the "postbody" div in the Private Message template, so it uses its own Div CSS class. But I dont know where the Div is, for the Private Message template.

This is from "pm_showpm" Template:



<ol>

{vb:raw postbit}


</ol>




The {vb:raw postbit} is where the "postbody" Div is located, but I have no idea where that code is at, since its in that vb:raw format.

Edit 2: I think {vb:raw postbit} is the Postbit_legacy Template. Or which ever postbit your using. Because when I applied "<div class="postbody" "style=width: 757px"> in the postbit_legacy template to make the threads wider, it also made the Private Message Boxes Wide again. So I think the Private Message box and the Threads, are linked to the Postbit_Legacy template.

[tbworld]

Now, I am caught up. We probably just need to add a bit of specificity to the container for the PM area. I will give it another go. ;)

--------------- Added 24 Jul 2014 at 22:36 ---------------

Try this and of course remove the previous CSS we included:


div#showpm {
width: 546px;
}



"showpm" template is processed in "private.php" -- since you wanted to know.

[thetechgenius]

Now, I am caught up. We probably just need to add a bit of specificity to the container for the PM area. I will give it another go. ;)

--------------- Added 24 Jul 2014 at 22:36 ---------------

Try this and of course remove the previous CSS we included:


div#showpm {
width: 546px;
}



"showpm" template is processed in "private.php" -- since you wanted to know.

I have just contacted EdenWebs, they made my custom style. And they said they will fix it for me.

But thank you so much for the help!! I greatly appreciate it, I really do! :)