Show forum in a list, not in columns

For support and discussion related to templates, themes, and imagesets in phpBB 3.2.
Post Reply
TibiaNation
Registered User
Posts: 2
Joined: Thu Dec 28, 2017 8:57 am

Show forum in a list, not in columns

Post by TibiaNation » Thu Dec 28, 2017 9:08 am

Hi everyone,

I'm new in this kind of thinks and I want to change something from my phpbb forum.

Now it look's like this:
Image


I would like the forum to look it like this:
Image

Someone can help me?

Thank you

User avatar
david63
Jr. Extension Validator
Posts: 14912
Joined: Thu Dec 19, 2002 8:08 am
Location: Lancashire, UK
Name: David Wood
Contact:

Re: Show forum in a list, not in columns

Post by david63 » Thu Dec 28, 2017 9:29 am

Choose a style that displays it the way you want (probably most prosilver derived styles) or ask the developer of the style that you are using how to change it.
David
Remember: You only know what you know and - you don't know what you don't know!
My CDB Contributions | How to install an extension
I will not be accepting translations for any of my extensions in Github - please post any translations in the appropriate topic.
No support requests via PM or email as they will be ignored

TibiaNation
Registered User
Posts: 2
Joined: Thu Dec 28, 2017 8:57 am

Re: Show forum in a list, not in columns

Post by TibiaNation » Thu Dec 28, 2017 10:03 am

Yes I thought about change the style... the problem is that I like this one very much, it's for a game named Tibia and I think it's perfect, there isn't any other possible solution? I tried to modify the HTML with "F12" and I can make it like I want removing the width but the boxes are too big, even editing the height.

Like this: Image

The css is like this: Image

If someone can help me with this I will be very happy,

thanks indeed David.

User avatar
_Vinny_
Style Customisations
Style Customisations
Posts: 7955
Joined: Tue Aug 11, 2009 12:45 am
Location: Brazil
Name: Marcus Vinicius
Contact:

Re: Show forum in a list, not in columns

Post by _Vinny_ » Thu Dec 28, 2017 11:54 am

Open styles/pbwow3/theme/common.css, find:

Code: Select all

.forum-blocks li.row {
    float: left;
    display: block;
    width: 33.3%;
    background: none;
    border: none;
}
Replace with:

Code: Select all

.forum-blocks li.row {
    display: block;
    width: 100%;
    background: none;
    border: none;
}
Find:

Code: Select all

.forum-blocks dl {
    display: block;
    position: relative;
    min-height: 110px;
    margin: 2px;
    padding: 10px 8px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: inherit;
    transition: border 0.20s ease-in-out 0s;
}
Find and remove:

Code: Select all

min-height: 110px;
Purge forum's cache and hard refresh your browser cache (Ctrl + F5)

Post Reply

Return to “[3.2.x] Styles Support & Discussion”

Who is online

Users browsing this forum: No registered users and 8 guests