Increasing post width with CSS?


#1

In my forum,
1.I have an ample amount of space to use it for extending the post created by user.It rather looks clumpsy now.I want to utilize the space so that the post looks good,like the homepage is screen friendly using code : @media screen and (min-width: 1400px) {
.wrap { max-width: 1500px; }
}
I want the post to be such
eg.

Please suggest how to do this


Discourse with a very widescreen browser
#2

Any suggestion will be helpful


(Pad Pors) #3

not a developer, but i think this may help:


(Jeff Wong) #4

My forum slightly increases post size by:

.topic-body{
  min-width: 65%;
}

You can adjust as needed.


(Tom Newsom) #5

Consider readability before making it too wide:

http://baymard.com/blog/line-length-readability


#6

I ended up going 75% because we are a very media heavy site. That’s the great part about Discourse, you can make it whatever you want it to be as long as you make sure it doesn’t conflict with other elements on the page.


(Jeff Wong) #7

I had 75 originally but line breaks in the “reply by new topic” button looked really weird, along with the topic links in the gutter.

I think the team has plans to move the topic links below the posts and clear out the gutter in a later release, but until then just be mindful of the gutter content.