• Registered: 2008-08-13
  • Posts: 57

Topic: HOWTO: Change width distribution of posts?

Hello fellow PunBB'ers!

Using PunBB 1.3 with custom theme. Trying to make it so the width of the columns better accentuates the post subject column, rather than the date column.

In the photo, want to move the width of the Subject column over so that the subsequent Replies, Views, Last Posted columns are less wide / more narrow.

Tried using Firebug, but could not isolate the specific CSS that needs adjusting.

Any ideas?

http://img268.imageshack.us/img268/8008 … 6at180.png

  • From: Russia
  • Registered: 2008-07-22
  • Posts: 713

Re: HOWTO: Change width distribution of posts?

It's about lines 870-915 in Oxygen.css. Firebug will help you smile

PunBB team intentions, personal tasks.

Parpalak's Website

  • Registered: 2008-08-13
  • Posts: 57

Re: HOWTO: Change width distribution of posts?

Thanks for the tip. Am using Firebug, but still couldn't find the exact place for this. Your post helped! Now all is good!

Thanks! smile

  • Registered: 2008-11-16
  • Posts: 528

Re: HOWTO: Change width distribution of posts?

please post details of how you fixed it in the end. Thanks

  • Registered: 2008-08-13
  • Posts: 57

Re: HOWTO: Change width distribution of posts?

Took a bit more hunting and pecking, but FireBug makes quick work of it.

Using FireBug in Firefox, clicked button to Inspect page, isolated desired section (this was the tricky part, but just hover over the FireBug HTML pane until the part of the page you want to affect is highlighted) & adjusted a mix of padding-left, left or width CSS values, ala:

For title header:

.brd .item-summary .subject-title {...}

For replies header:

.brd .item-summary .info-replies {...}

For the actual list content, did the same as above, only adjusting Width CSS value:

.brd .main-content .main-item li.info-topics,
.brd .main-content .main-item li.info-forum,
.brd .main-content .main-item li.info-posts,
.brd .main-content .main-item li.info-views,
.brd .main-content .main-item li.info-replies {...}

& for Last Post:

.brd .main-content .main-item li.info-lastpost {...}

& for Main item:

.brd .main-content .main-item {...}

Etc.

And the results:
http://img10.imageshack.us/img10/2151/screenshot20090918at113.png

Hope this helps!