How can i increase the width of a single post

[TheBestPessimist]

I know there are multiple topics talking about this, but i am interested in making a single topic (which has a larger/wider table and can be seen here: Passwords, credentials and environment variables - How-to - Duplicacy Forum) a little bit wider, at least on the desktop view.

I intend to create a theme component for this, but i don’t know how to target that specific post.

Yes, i do imagine it will look ugly with only 1 post. Maybe i will have to increase the width of the whole topic, but nothing more than that.

I also know that i could merge table columns:

but let’s be honest, that just doesn’t look as good as having the table with 4 columns.

References to other topics with this issue:

Increasing post width with CSS?

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. [image] Please suggest how to do this

Change the layout width

I want to ask a question how can I change the layout width like this？ [image]

Reducing white space and increasing main content column width

I’m not sure if this is even possible or even a good idea, but wanted to ask, nonetheless. [image]

---

Solution:

It’s not as easy as i hoped, as you can see in post 3, but here’s what i did so far:

• widen it (the post) a little bit
• decrease font for the table
• move everything a bit to the left

Not beautiful but not that ugly either.
I’m more than happy to get a better/cleaner alternative. eg. i would really like to be able to move the timeline scrollbar more to the right and not decrease table font size, but oh well :-s.

section[data-topic-id="1094"] .row {
  // background-color: yellow;

  margin-left: -100px;
  
  .md-table {
     // background-color: pink;
     font-size: 80%;
  }
  
  .topic-body {
    width: 80%;
   }
}

//   .timeline-container {
//         background: yellow;
//         left: 360px;
//     }

[tophee (Christoph)]

The first question is, perhaps, whether the solution, at least in the case of a table, is to widen the post. Even if it were possible, I’m not sure this would look any good.

In my eyes, the issue here (both on desktop and mobile) seems to be that the scrollability of the table is not always evident to the user. And changing that shouldn’t be too difficult (though I don’t have a solution).

Scroll bars would definitely be ugly but perhaps there are other ways of hinting at the hidden part of the table?

[TheBestPessimist]

I’m starting to get the feeling that this isn’t possible (or at least not easily)
since .timeline-container does not know what post we are in, therefore i can’t move it sideways only for that specific one post section[data-topic-id="1094"]

Anyone has any opinions on this?

Note, here’s my current css:

section[data-topic-id="1094"] .row {
  margin-left: -100px;
  
  
  .topic-body {
    width: 90%;
   }
}

.timeline-container {
    background: yellow;
    left: 360px;
}