XF 2.2 Change color of hover menu in help page

[Joan1211]

Hello,
I am looking at changing the color of the menu on the left, of the Help pages when I hover it.
I configured a brown color for the links in the ACP, but it doesn't fit this specific page.




Thanks !

 

[Old Nick]

The class is blockLink.

 

[Paul B]

Add this to the extra.less template.

For the index page:

[data-template="help_index"]
{
    .blockLink:hover
    {
        color: orange;
        background: green;
    }
}

For individual pages:

[data-template="help_page"]
{
    .blockLink:hover
    {
        color: orange;
        background: green;
    }
}

For any template with help in the name:

[data-template*="help"]
{
    .blockLink:hover
    {
        color: orange;
        background: green;
    }
}

Feel free to change the colours

 

[Joan1211]

I had to use

[data-template="help_page"]

instead of

[data-template="help_index"]

but it worked.
Thanks!

edit: @Brogan if you edit your post with page instead of index, i can mark your post as the solution.

edit2: What is a blocklink? I might consider to extend this code to the entire website and not just to the help page.
Where can I find other blocklinks?

 

[Old Nick]

Where can I find other blocklinks?

So simply use...

.blockLink:hover {
    color: orange;
    background: green;
}

...all blocklink will be CSSed

 

[Joan1211]

I mean, in which part of the website there is another blocklink.
Currently I only see it in the help pages.

You say "all blocklink" will be CSSed, but where are there?

 

[Old Nick]

for example: https://xenforo.com/community/account/ and https://xenforo.com/community/members/

 

[Paul B]

@Joan1211 The help_index is this page: https://xenforo.com/community/help/

The help_page templates are individual pages, e.g.: https://xenforo.com/community/help/trophies/

For hovering on the index, which is what it appeared you wanted to do, you use the former.
For colouring when on selected pages, the latter.

I've updated the post to make that clear.

 

[Joan1211]

Thanks both of you. It is clear now