You are viewing a single comment's thread.

view the rest of the comments →

0
40

[–] Nurdoidz 0 points 40 points (+40|-0) ago 

It's pretty easy to set up, but it requires a beginner's understanding of CSS to customize.

Adding Link Flairs

  1. On the sidebar of a subverse you moderate, at the bottom, click on 'flair settings', which is under 'Administration Tools'.
  2. It should take you to the 'Flair Management' page for your subverse. Click on 'Add a new link flair'.
  3. Two text fields should pop up. Under 'Flair label', put the text you want to see in the label that will actually appear next to the title. Under 'Flair CSS class name', make up a class name that matches the flair label. Examples: Documentary and flair-documentary, Interview and flair-interview, etc.
  4. Click the 'Add' button to activate the flair. Notice how even though you can now flair links on your subverse, they don't show up. To fix this, on the sidebar at the bottom, under 'Administration Tools' once again, click on 'subverse settings'.
  5. In the 'Custom stylesheet' text form, add the following CSS for each of your flair labels:

    .flair-documentary {
        display: inline-block;
    }
    
  6. So, with 'Documentary', 'Interview', and 'Presentation' flairs, your final code should look like this:

    .flair-documentary {
        display: inline-block;
    }
    .flair-interview {
        display: inline-block;
    }
    .flair-presentation {
        display: inline-block;
    }
    

    Your flairs should now show up.

With those same tags, with some CSS knowledge, you can apply styles however you'd like.

Note: it is not possible to style the entire flaired link yet, only the flair itself.

0
11

[–] mintbanana [S] 0 points 11 points (+11|-0) ago 

Nurdoidz you fucking rule.

0
3

[–] drouid 0 points 3 points (+3|-0) ago 

Is there a sub to learn this sort of stuff. Copy and just plug-in style sort of code with information about what it does and how to implement it?

Also, thanks for this. It's helped me out as I'm setting up my own little subverse.

0
1

[–] Bastou 0 points 1 points (+1|-0) ago 

There is now! /v/vss

Assuming you were talking about css.

0
2

[–] ArchangelleEisenslav 0 points 2 points (+2|-0) ago 

Does that work with flairs that uses spaces, such as Power Metal being .flair-Power Metal?

0
1

[–] Nurdoidz 0 points 1 points (+1|-0) ago 

Sure it does, but the CSS class cannot have spaces. So, you'd name your flair 'Power Metal' and the class '.flair-powermetal'.

0
1

[–] lllllllllll 0 points 1 points (+1|-0) ago 

Is it possible to have different colored flairs for the dark and light theme?