Categories

how do I leave color categories like this?
http://prntscr.com/khkn3q

UP

What exactly are you wanting to do? It isn't clear from the screenshot, do you want the structure of that screenshot or some design element?

I would like this category format, this forum is mine, however I am not able to adapt to my new version (MODERNBB)
Forum: http://testandonwdgg.directorioforuns.com/forum

You will need to give us a link to the forum you want this added to so we can see it as a guests then we can see why this is the problem.

Are you trying to copy the theme of the official French support forum?

No, I'm not trying to copy anything, I found it in another forum at the time and I liked it, so I would like to adapt now to Modernbb
My forum http://nwdgames.forumbrasil.net/forum

The reason we ask you this is this looks just like one of our support forums and the code used here

is the same as we use here on the support forum and it's the same as all of our support forums and all codes used is copyrighted by Forumotion

Hey @Miau,
Use this script:

Code:

$(function() {
    $('.table-title:contains("Servidor")').closest('.forabg').addClass('cat-suporte');
});

How to use?
Just duplicate this part

Code:  $('.table-title:contains("Servidor")').closest('.forabg').addClass('cat-suporte');

. Where is "Servidor", you enter the name of the category you want to add a new color (cat-suporte - class).

The CSS:

Code:

.forabg.cat-suporte {
    background-color: #e6ad1d;
}

.cat-suporte li.row, .cat-suporte .topiclist .header {
    border-color: #e6ad1d!important;
}

Demo:
http://prntscr.com/kigzns

Cordially,
pedxz

Hi Pedxz, No resulted

Forget this category, I would just like to put a division between them
Http://prntscr.com/kil19b

add in stylesheet

Code:

li.row {
  margin-bottom: 5px!important
}


Nice,
Now I want to decrease the category height
http://prntscr.com/kioxpl

and take off that black strip
https://prnt.sc/kip6dz

Hello @Miau please make a new thread for each of your problems
each problem then could be searched by other members by keywords found in the name of the thread / topic.

if your first question is now over with then please mark solved and UI or one of the other staff will move it.

kind regards.

APE.

but the categories are still related

Miau wrote:
and take off that black strip
https://prnt.sc/kip6dz

add this to your css

Code:


li.row {
      margin-bottom: 0px!important;
}


No, I would like to remove from the subforums only, from the forums I would like to leave
I want to remove this from the subforums, only from the subforum: http://prntscr.com/kj10gq

@Miau

Try adding this to your CSS:

Code:

.forumbg ul.topiclist.topics.bg_none {
    background: #e9ebed;
}

perfect, now it helps me to decrease the height
only from that area of ​​the forums
https://prnt.sc/kj3tln

Well, you can not decrease the height.
If you want it to be smaller you need to have a shorter description as well.

Anyway, this might help a bit:

Code:

li.row {
    padding: 0px;
}

dd.dterm {
    padding-bottom: 0 !important;
}

Resolved enough, now could you remove it from all other places? MP, advanced search and etc ..
http://prntscr.com/kj459p

Can you provide me a test account via PM? Because I don't have access to those "places".

Done

Ok! Change the previous code to this:

Code:

ul.topiclist.bg_none {
    background: #e9ebed;
}

Hello @Miau,

Let me remind you that the appearance of support forums is reserved for... support forums, and this includes both the images and the codes and graphics set up. I prefer to tell you before a violation of the Terms of Use results in a sanction against your forum.

Regards,
Shadow

Shadow wrote:Hello @Miau,

Let me remind you that the appearance of support forums is reserved for... support forums, and this includes both the images and the codes and graphics set up. I prefer to tell you before a violation of the Terms of Use results in a sanction against your forum.

Regards,
Shadow

it's ok, removed and help solved, thanks