The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Profile width in the messages

View previous topic View next topic Go down

Solved Profile width in the messages

Post by z-p on April 15th 2012, 4:41 pm

Hi there,

Possibly the last thing I'd like to iron out; to decrease the width of the user profiles in the posts.

I'm talking about the box where the user name and avatar are in; I'd like that to be narrower so there's more room for the actual post. The bit inside the orange circle in this screenshot:


It's really a very minor thing, I shouldn't mind that at all...

Any help with this would be much appreciated!

Many thanks,
z-p







Last edited by z-p on April 16th 2012, 1:15 am; edited 2 times in total

z-p
New Member

Male Posts : 14
Reputation : 1
Language : english

Back to top Go down

Solved Re: Profile width in the messages

Post by Keir on April 15th 2012, 5:54 pm

Hello,

Your forum version is phpBB3? If the answer is yes, add in the CSS Stylesheet this code:

Code:
.postprofile{
width: xpx;}

You must change the "width" Example: "width: 20px;" Wink

Keir
Forumember

Male Posts : 30
Reputation : 3
Language : Romanian
Location : România, Buzau , Podgoria

http://netuts.forumz.ro/

Back to top Go down

Solved Re: Profile width in the messages

Post by Guest on April 15th 2012, 6:02 pm

Yeah, but 20px is too thin. So, a good example will be 150px. Wink

Guest
Guest


Back to top Go down

Solved Re: Profile width in the messages

Post by z-p on April 15th 2012, 6:08 pm

Done and done! Thanks!

I did 160px cause I'd limited the avatars to 150px width. All good.

You know what though, I wanted this so that the posts' contents got more space (width), alas they stayed in the same position as they were before, they didn't move to the left so they're adjacent to the profile box.

The separator between profile and post content obviously moved (the profile box is narrower, not talking about that any more), it's just that the text in the post stayed in the middle of the screen so to speak. It'd be cool if I could move that to the left.

Here's a screenshot sort of showing what I want to do: so the result would look more like this:

Any ideas?

Thanks again,
z-p

z-p
New Member

Male Posts : 14
Reputation : 1
Language : english

Back to top Go down

Solved Re: Profile width in the messages

Post by Keir on April 15th 2012, 6:30 pm

Add in the CSS Stylesheet:

Code:
.postbody{
margin-left: -10px;}

You can change value "-10px". Wink

Keir
Forumember

Male Posts : 30
Reputation : 3
Language : Romanian
Location : România, Buzau , Podgoria

http://netuts.forumz.ro/

Back to top Go down

Solved Re: Profile width in the messages

Post by z-p on April 15th 2012, 6:42 pm



Am I doing this right adding the code right below the previous one?
It's not doing anything new.
I tried different values both positive and negative, always hitting the submit button afterwards.

z-p
New Member

Male Posts : 14
Reputation : 1
Language : english

Back to top Go down

Solved Re: Profile width in the messages

Post by Guest on April 15th 2012, 6:58 pm

Try adding this:
Code:
.postprofile {
width: 200px !important;
}

Guest
Guest


Back to top Go down

Solved Re: Profile width in the messages

Post by z-p on April 15th 2012, 7:29 pm

Hey Coddy, thanks man.
I think you missed a few posts; we're not talking about the post profile any more, that's all good now and remains unaffected by the postbody code that's now being applied.

I added what you said, regardless, and it's not making any changes.
See the existing code in my last screenshot.

Keir's guiding me on how to move the left margin of the post body, because after we narrowed the post profile, the post body stayed at the position it was before instead of moving next to the profile as I'd want it to.

Cheers,
z-p

z-p
New Member

Male Posts : 14
Reputation : 1
Language : english

Back to top Go down

Solved Re: Profile width in the messages

Post by Keir on April 15th 2012, 8:02 pm

Try resize and postbody with this code:
Code:

.postbody{
width: xpx;}

The final code will show like this:

Code:
.postprofile{
width: xpx;}
.postbody{
width: xpx;}

Keir
Forumember

Male Posts : 30
Reputation : 3
Language : Romanian
Location : România, Buzau , Podgoria

http://netuts.forumz.ro/

Back to top Go down

Solved Re: Profile width in the messages

Post by z-p on April 15th 2012, 8:11 pm

Hey Keir, thanks, that sort of works but by the time (850px) the left margin is where I want it to, the right margin goes off the limits of the page and the text residing there is not shown in the posts.

so if you type ddddddddssssssssssrrrrrrrrrrr
,you only see ddddddddssssssssssrrrr
in the post

z-p
New Member

Male Posts : 14
Reputation : 1
Language : english

Back to top Go down

Solved Re: Profile width in the messages

Post by Keir on April 15th 2012, 9:33 pm

Grrrr... So, you have this code in CSS:

Code:
    .postprofile{
    width: xpx;}
    .postbody{
    width: xpx;}

I say this and top: Try set margin-left align with:

Code:
margin-left: -10px;

and final the code is this:

Code:
 .postbody{
    width: xpx;
margin-left: -10px;}

Try to position the "box" with this code. Wink

Keir
Forumember

Male Posts : 30
Reputation : 3
Language : Romanian
Location : România, Buzau , Podgoria

http://netuts.forumz.ro/

Back to top Go down

Solved Re: Profile width in the messages

Post by z-p on April 16th 2012, 12:05 am

Hey Keir, nice one man, it's all good now!

Didn't need the last bit of code setting the margin, actually, as the problem only manifested itself with my unrealistic test method of holding down a single letter to cover a couple of rows. When you're typing normally and posting links/videos/pics etc it's all fine - nothing disappears when you reach the right side of the post body.

So the code that I've got now, which is setting the profile's width and the post body's width is:
Code:
.postprofile{
width: Xpx;}
.postbody{
width: Xpx;

Many thanks again to both Keir and Coddy for all your help these last couple of days!

Best regards,
z-p

z-p
New Member

Male Posts : 14
Reputation : 1
Language : english

Back to top Go down

Solved Re: Profile width in the messages

Post by Jophy on April 16th 2012, 3:45 am

Since this thread is marked as solved, this will be moved now.

Jophy
ForumGuru

Male Posts : 17924
Reputation : 835
Language : English
Location : Somewhere

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum