MyBB Community Forums

Hello, I installed this theme (Dark Flex) but the forum boxes are not how they are supposed to be.

Any help is appreciated!

Mine:



How it is supposed to be:

ddd

What my console says:

whats the url of your site ?

(2022-06-08, 05:03 PM)PARADOXP Wrote: [ -> ]whats the url of your site ?

I sent you a pm.

---

Somebody have a idea?

URL of your forum ?
URL of demo forum if available ?

(2022-06-09, 02:58 PM)mujeebdgk Wrote: [ -> ]URL of your forum ?
URL of demo forum if available ?

Sadly no demo forum available.

My site: https://reloaded.network/

(2022-06-09, 10:11 PM)Hoax Wrote: [ -> ]

(2022-06-09, 02:58 PM)mujeebdgk Wrote: [ -> ]URL of your forum ?
URL of demo forum if available ?

Sadly no demo forum available.

My site: https://reloaded.network/

You have to comment out some classes in global.css 
line 116 and 3225

.forums .forum {
    /*max-width: calc(100% - 12px);*/
}
@media (min-width: 801px) and (max-width: 1366px) {
  .forums .forum {
    /*max-width: calc(100% - 12px)!important; */
  }
}

(2022-06-09, 10:11 PM)Hoax Wrote: [ -> ]

(2022-06-09, 02:58 PM)mujeebdgk Wrote: [ -> ]URL of your forum ?
URL of demo forum if available ?

Sadly no demo forum available.

My site: https://reloaded.network/

one solution is given by @paradoxp

or there is one suggestion if you wana try also 

 Find

@media (min-width: 801px) and (max-width: 1366px) {
.forums .forum {
max-width:calc(33.333% - 12px)!important
}

 Replace with 

@media (min-width: 801px) and (max-width: 1366px) {[/font][/size]
.forums .forum {
max-width:100%!important;
}

i hope this will fix your problem 
Mark this thread as Solved if problem solved

BR
Mujeeb
BR

(2022-06-10, 04:33 AM)PARADOXP Wrote: [ -> ]

(2022-06-09, 10:11 PM)Hoax Wrote: [ -> ]

(2022-06-09, 02:58 PM)mujeebdgk Wrote: [ -> ]URL of your forum ?
URL of demo forum if available ?

Sadly no demo forum available.

My site: https://reloaded.network/

You have to comment out some classes in global.css 
line 116 and 3225

.forums .forum {
    /*max-width: calc(100% - 12px);*/
}
@media (min-width: 801px) and (max-width: 1366px) {
  .forums .forum {
    /*max-width: calc(100% - 12px)!important; */
  }
}

This worked. But it's not the same as the original. How do I make them bigger (like the original picture).

give them a perticular width with maximum width

(2022-06-10, 01:32 PM)PARADOXP Wrote: [ -> ]give them a perticular width with maximum width

I tried that but it does not seems to work. They got bigger but not center automatically. They just stay at the left