XF 2.2 Thicker horizontal rule between prefix group and unassociated selections; user selection

[beerForo]

I want to make the horizontal rule thicker for unassociated prefixes under prefixes in prefix groups.

Use case: If you have 2 prefix groups in a forum, when users select, the unassociated (third group) look like they are part of the second group. I would like a thicker divider. Thanks!

 

[beerForo]

nm I found it

.menu-separator

 

[Paul B]

.menu-separator:nth-last-of-type(2)
{
    border-top: 5px solid @xf-borderColorLight;
}

 

[beerForo]

Hey, perfect, thx!

 

[beerForo]

Now I am looking to make the prefix category header and text smaller without it changing the H3 menu header elsewhere. Thanks



(I have a few category headers and want to save on horizontal scrolling space.)

 

[Paul B]

Probably ...

[data-template="forum_post_thread"]
{
    .menu-header
    {
        font-size: 1px;
    }
}

 

[beerForo]

Hmm didn't work.

 

[Paul B]

I just tested it on my local and it works as expected ... on the forum_post_thread template.

If you want it to also apply to the forum_view template then add that to the declaration.

 

[beerForo]

Excellent thanks. Yes I was in forum view testing.

 

[Paul B]

To clarify, your code should now look like this:

[data-template="forum_post_thread"],
[data-template="forum_view"]
{
    .menu-header
    {
        font-size: 1px;
    }
}

Feel free to increase the font size from 1px

 

[beerForo]

Yes it does but I also added the "type" forums, question etc.

 

[Paul B]

If all of the templates begin with forum_ then you can use the wildcard syntax: [data-template*="forum_"] .

 

[beerForo]

Oh neat thanks! I was wondering.