Advertisement:

Author Topic: How to change colomn width in post  (Read 970 times)

Offline Square

  • Semi-Newbie
  • *
  • Posts: 65
How to change colomn width in post
« on: June 28, 2012, 06:25:39 AM »
Hi,

SMF 2.0.2
Forum width 900px

A post has 2 columns, poster info on the left, post on the right.
I would like the left column smaller and the right column larger.
I didn't find how to do, help will be appreciated.
:)


Offline Square

  • Semi-Newbie
  • *
  • Posts: 65
Re: How to change colomn width in post
« Reply #1 on: June 30, 2012, 04:38:20 PM »
I still didn't find how to do that.
Is that so tricky? ;)

Offline K@

  • Lead Support Specialist
  • SMF Master
  • *
  • Posts: 38,744
  • Gender: Male
  • Nothing (Or nothing you can see)
Re: How to change colomn width in post
« Reply #2 on: June 30, 2012, 04:51:57 PM »
<----- You want that bit smaller?

and this bit ----->>>>

bigger?

I think you'd need to recode a big section of Display.template.php to do that.

From about // Time to display all the posts on.


Plus, that might somewhat screw-up all of your members' avatars.

Offline emanuele

  • Developer
  • SMF Super Hero
  • *
  • Posts: 11,900
  • Gender: Male
  • Because Orange is Orange
Re: How to change colomn width in post
« Reply #3 on: June 30, 2012, 05:38:34 PM »
The easiest way would be to change the width of the class poster and the left margin of the class postarea in index.css.
Though you could have problems making things in the "poster" area (the one where there are the informations of the member who posted) fit the smaller size.

Aiutateci ad aiutarvi: spiegate bene il vostro problema: no, "non funziona" non è una spiegazione!!
1) Cosa fai,
2) cosa ti aspetti,
3) cosa ottieni.

Offline Square

  • Semi-Newbie
  • *
  • Posts: 65
Re: How to change colomn width in post
« Reply #4 on: June 30, 2012, 05:54:03 PM »
Thanks.

<----- You want that bit smaller?
and this bit ----->>>>
bigger?
Yes.


I think you'd need to recode a big section of Display.template.php to do that.
From about // Time to display all the posts on.
Sorry, can't find this in 2.0.2.


Offline K@

  • Lead Support Specialist
  • SMF Master
  • *
  • Posts: 38,744
  • Gender: Male
  • Nothing (Or nothing you can see)
Re: How to change colomn width in post
« Reply #5 on: July 01, 2012, 05:47:35 AM »
Sorry. I meant:

// Show the message anchor and a "new" anchor if this message is new.

emanuele's way would certainly be easier, though.

Offline Square

  • Semi-Newbie
  • *
  • Posts: 65
Re: How to change colomn width in post
« Reply #6 on: July 01, 2012, 07:11:34 AM »
Thanks.

The easiest way would be to change the width of the class poster and the left margin of the class postarea in index.css.
Do I need to change both or only one?
Now I have: poster width = 15em / postarea left mergin = 16em.
May I do like this (for example): poster width = 14.7em / postarea left mergin = 15.7em?

Offline emanuele

  • Developer
  • SMF Super Hero
  • *
  • Posts: 11,900
  • Gender: Male
  • Because Orange is Orange
Re: How to change colomn width in post
« Reply #7 on: July 01, 2012, 05:10:15 PM »
You have to change both of them.
IIRC 1 em is approximately the width of a char, so 15 em width is roughly equivalent to 15 letters.
Change it to 14.7 would reduce it of one third of a char (i.e. a couple of pixels in the most lucky case).

Aiutateci ad aiutarvi: spiegate bene il vostro problema: no, "non funziona" non è una spiegazione!!
1) Cosa fai,
2) cosa ti aspetti,
3) cosa ottieni.

Offline Square

  • Semi-Newbie
  • *
  • Posts: 65
Re: How to change colomn width in post
« Reply #8 on: July 01, 2012, 07:11:38 PM »
I changed several things in index.css and everything's ok now.
I also reduced the right margin of "Author" to have the "Topic: [topic title]" aligned.
I'll mark this topic as solved; many thanks for your help!  :)

Offline K@

  • Lead Support Specialist
  • SMF Master
  • *
  • Posts: 38,744
  • Gender: Male
  • Nothing (Or nothing you can see)
Re: How to change colomn width in post
« Reply #9 on: July 02, 2012, 07:19:27 AM »
Well sorted, Manny! :)