XF 2.2 New thread button color for each node page

[Nicolas FR]

Hello,

I want to change the New Thread button for each forum nodes in a category. I was successful with this code for one node

[data-container-key="node-69"] {
    .button.button--cta, a.button.button--cta {
        background: rgb(0, 157, 220);
        border-color: rgb(0, 157, 220);
    }
    .button.button--cta, a.button.button--cta:hover {
        background: rgb(0, 146, 204);
        border-color: rgb(0, 157, 220);
    }
}

I've got a lot of nodes do i have to repeat this code for each node or there is a tips to go faster ? like this...

[data-container-key="node-69+node-70+node-83+etc..."] {
    .button.button--cta, a.button.button--cta {
        background: rgb(0, 157, 220);
        border-color: rgb(0, 157, 220);
    }
    .button.button--cta, a.button.button--cta:hover {
        background: rgb(0, 146, 204);
        border-color: rgb(0, 157, 220);
    }
}

Thanks !

 

[Paul B]

[data-container-key="node-2"],
[data-container-key="node-10"]
{
    .button.button--cta, a.button.button--cta {
        background: rgb(0, 157, 220);
        border-color: rgb(0, 157, 220);
    }
    .button.button--cta, a.button.button--cta:hover {
        background: rgb(0, 146, 204);
        border-color: rgb(0, 157, 220);
    }
}

 

[Nicolas FR]

yeah !

 

[oO5 Dynasty]

This is why I think Xenforo is designed so well.
I just had a question that was helped by community members and staff.
Then I was recommended other threads that kind of fit what I was asking a question about. This was one of the threads, and I'm so glad I clicked on it, cause it's exactly what I needed big time. Great Job with xenforo 2, cause it is amazing.
This makes it so I do not have to keep duplicating codes.

 

[beerForo]

Similar Threads works really well. Do you have it on your forum? It's part of Enhanced Search. Just FYI.

 

[Paul B]

The code in my post above can also be written like so:

[data-container-key="node-2"],
[data-container-key="node-10"]
{
    .button.button--cta, a.button.button
    {
        &--cta
        {
            background: rgb(0, 157, 220);
            border-color: rgb(0, 157, 220);
        }

        &:hover
        {
            background: rgb(0, 146, 204);
            border-color: rgb(0, 157, 220);
        }
    }
}

Or this:

[data-container-key="node-13"],
[data-container-key="node-36"]
{
    .button.button--cta, a.button.button--cta
    {
        background: rgb(0, 157, 220);
        border-color: rgb(0, 157, 220);

        &:hover
        {
            background: rgb(0, 146, 204);
            border-color: rgb(0, 157, 220);
        }
    }
}

 

[oO5 Dynasty]

The code in my post above can also be written like so:

[data-container-key="node-2"],
[data-container-key="node-10"]
{
    .button.button--cta, a.button.button
    {
        &--cta
        {
            background: rgb(0, 157, 220);
            border-color: rgb(0, 157, 220);
        }

        &:hover
        {
            background: rgb(0, 146, 204);
            border-color: rgb(0, 157, 220);
        }
    }
}

Or this:

[data-container-key="node-13"],
[data-container-key="node-36"]
{
    .button.button--cta, a.button.button--cta
    {
        background: rgb(0, 157, 220);
        border-color: rgb(0, 157, 220);

        &:hover
        {
            background: rgb(0, 146, 204);
            border-color: rgb(0, 157, 220);
        }
    }
}

Thank you, will be bookmarking this......

 

[oO5 Dynasty]

Similar Threads works really well. Do you have it on your forum? It's part of Enhanced Search. Just FYI.

It is my next purchase, so I can have all of the add-ons xenforo has to date.