The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

stretching forums post space

4 posters

Go down

stretching forums post space Empty stretching forums post space

Post by ribena_wrath March 17th 2011, 12:28 am

Hi all.

Just making some adjustments to my forum
I want to give the section that has avatars and usernames a bit more space, and move the second line a bit further up to give use the empty space more.
My image will explain it, I basically want to move line A1 up to around where A2 is, and move B1 up to around where B2 is. Do-able with CSS? Oh, I'm using Invision.

Thanks guys, this place is full of talented people Smile

stretching forums post space Screen12
stretching forums post space Screen11


Last edited by ribena_wrath on March 17th 2011, 12:29 am; edited 1 time in total (Reason for editing : Uploading image)
ribena_wrath
ribena_wrath
Forumember

Male Posts : 66
Reputation : 0
Language : English

http://cb500club.co.uk

Back to top Go down

stretching forums post space Empty ???

Post by one man army March 17th 2011, 1:27 am

im getin a virus page on my forum
avatar
one man army
New Member

Male Posts : 4
Reputation : 0
Language : english
Location : ogdensburg

Back to top Go down

stretching forums post space Empty Re: stretching forums post space

Post by ribena_wrath March 17th 2011, 1:42 am

one man army wrote:im getin a virus page on my forum

Huh?
ribena_wrath
ribena_wrath
Forumember

Male Posts : 66
Reputation : 0
Language : English

http://cb500club.co.uk

Back to top Go down

stretching forums post space Empty Re: stretching forums post space

Post by Base March 17th 2011, 6:03 pm

May I have your forum version, please? Smile

EDIT: Never mind, your forum version is Invision. Please add this to your CSS code:
Code:
.post-entry {
    margin-left: 5em;
    overflow: hidden;
}

If you need to adjust it, change the margin-left: 5em; number. The larger the number, the further away from the profile details and vice-versa. Smile

To find your CSS code, please go to:

1. Administration Panel (advanced mode)
2. Display Tab
3. Colors (on the left, under Pictures and Colors)
4. CSS Stylesheet and paste it there

Regards,

Base
Base
Base
Forumaster

Male Posts : 10386
Reputation : 1695
Language : English and French
Location : United Kingdom, England

http://forumotionhub.net

Back to top Go down

stretching forums post space Empty Re: stretching forums post space

Post by ribena_wrath March 18th 2011, 2:30 pm

bump
ribena_wrath
ribena_wrath
Forumember

Male Posts : 66
Reputation : 0
Language : English

http://cb500club.co.uk

Back to top Go down

stretching forums post space Empty Re: stretching forums post space

Post by MrMario March 18th 2011, 5:34 pm

Base post didn't help?
MrMario
MrMario
Helper
Helper

Male Posts : 22186
Reputation : 1839
Language : test

Back to top Go down

stretching forums post space Empty Re: stretching forums post space

Post by ribena_wrath March 18th 2011, 5:49 pm

Sorry, thought I'd put a proper reply.

No it didn't! It moves the line A1 across, but squashes the text body. What I want is to give the text body more space.

You can view my forum here, this thread for example.
You can see that I have put some temporary code in there which stretches the post body box by 120 percent.

Code:
postbody {
  color: #9d9a8c;
  margin: 5px 0 0px 0;
  min-height: 80px;
  border-right-style: solid;
  border-right-width: 1px;
  border-color: #111111;
  width: 140%;
  float: left;
  display: inline;
  position: relative;
  }

It works, but when you press the arrow button at the top of the right hand forum widgets, everything goes out of proportion and text goes off the screen.

So Basically, I want to keep the post body box as wide as it is at the moment, but by using code that won't go out of shape when you press that arrow button
ribena_wrath
ribena_wrath
Forumember

Male Posts : 66
Reputation : 0
Language : English

http://cb500club.co.uk

Back to top Go down

stretching forums post space Empty Re: stretching forums post space

Post by Base March 18th 2011, 6:07 pm

Hmm... how about this?

Code:
.post-entry {
    margin-top: -7em;
    padding: 100px;
}

Smile
Base
Base
Forumaster

Male Posts : 10386
Reputation : 1695
Language : English and French
Location : United Kingdom, England

http://forumotionhub.net

Back to top Go down

stretching forums post space Empty Re: stretching forums post space

Post by one man army May 9th 2011, 8:02 pm

one man army wrote:im getin a virus page on my forum

it was my computer
avatar
one man army
New Member

Male Posts : 4
Reputation : 0
Language : english
Location : ogdensburg

Back to top Go down

Back to top

- Similar topics

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