Reversing the colors in the Navbox

Mako Ari·7/9/2020 in Wiki Design & SEO Advice

Hello there, I am an admin for the Lookism Wiki and I am having issues with the colors of the Navbox. Here is the CSS code for the Navbox plus others the issue I am having is that I wanted to reverse the color label on the right to the left and the color label on the left to the right. Here is a screenshot for more proof.

So the label on the left is gray but I want it to be light blue to match the theme of the wiki. and the label on the right is white which is right.

Me personally, I'm not a very good coder so I probably screwed up with the hex codes. so please tell me if there is anything I could do to fix it.

(Edited by Mako Ari)

Mako Ari·7/9/2020

I forgot to mention but some of the pages kept adding to the Article templates category (even most of these pages are not templates) is there a way to fix that?

(Edited by Mako Ari)

Noreplyz·7/10/2020

It looks like the page has updated for me and it's showing the blue color (at least, for me it is - on w:c:lookism:Daniel Park).

I fixed the 'Article templates' category issue by making this edit: w:c:lookism:Special:Diff/6780.

(Edited by Noreplyz)

Mako Ari·7/10/2020

If you mind, is there a way to make the boxes appear more refined, sorta like the original template here.

I circled it to point out what I’m talking about.

(Edited by Mako Ari)

Noreplyz·7/10/2020

Here is some CSS, which makes it look like this:

.portable-infobox .pi-data-label {
    background: rgba(255,255,255,0.3);
    line-height: 18px;
    margin-right: 2px;
}

You can change the background colour to the suitable one you like.

(Edited by Noreplyz)

What do you think?