Creating flair in redesign

https://www.reddit.com/r/modguide/comments/e0lx77/creating_flair_in_redesign/

created by SolariaHues on 23/11/2019 at 18:34 UTC*

44 upvotes, 13 top-level comments (showing 13)

Creating Post and User flair in redesign

There's an overview of what flair can be used for here[1].

1: https://www.reddit.com/r/modguide/comments/d96p74/flair_in_redesign/

• *(Edit: A few images in this guide will look different to how your sub looks - reddit changed the look of redesign in Jan 2020)**

• *Mobile users:** Only basic flair can be made in app at the time of writing, and flair has to be enabled on desktop first, so desktop or desktop mode in your mobile browser is best.

Here is a walk through of how to create flair[2]

​

2: https://imgur.com/a/V4SLjDQ

Some notes on **post flair** not in the imgur guide:

• Post (also known as link) flair, is the flair used on posts in your subreddit.
• You can require post flair be added to each post by users, but only works for redesign, not old.reddit or mobile at the moment. [Edit: flair can now be added during post creating in old.reddit[3] and post requirements now apply to old reddit though set up is only in redesign] You can find this setting in Mod Tools > post requirements > and hit the post flair toggle. Remember to SAVE CHANGES (top right).
• Users can only edit post flair if you have user editing enabled in the flair settings.
• You can have Automod assign post flair in some conditions, for example on scheduled posts[4].
• AM can also remove posts without flair (Our automod post[5])
• AM can be used to assign and re-assign post flair with command codes (be careful this isn't abused).
• You can change where post/link flair appears (left or right of post title) in old reddit here https://old.reddit.com/r/SUBNAME/about/flair/[6][7]

​

3: https://www.reddit.com/r/modnews/comments/fah9mc/post_requirements_post_flair_support_on_old/

4: https://www.reddit.com/r/modguide/comments/duv3dv/scheduling_posts_with_automoderator/

5: https://www.reddit.com/r/modguide/comments/db2gfy/automoderator_what_it_is_and_how_to_set_it_up/

6: https://old.reddit.com/r/SUBNAME/about/flair/

7: https://old.reddit.com/r/SUBNAME/about/flair/

Some notes on **user flair** not in the imgur guide:

• User flair is flair for each user.
• Users can always select not to have their flair shown even if it's mod only.
• Users can only edit their flair if you have user editing enabled in the flair settings.
• AM can be used to remove posts by users with/without specific flair.

​

Notes for both:

• CSS class is related to flair in old.reddit. We may do another guide on flair for old.reddit, but **if you style flair in new reddit it will appear the same in old**, so for the most part it's now much easier to create flair in redesign and let it carry over in to old.reddit, so you only need set it up once. There are currently more options for styling flair in old.reddit though.
• Flair ID is used for configuring automoderator if you are using it to change flairs.
• Keep your users in mind, it's the same with all subreddit design; try to make it appealing and not too garish.

​

Adding Emojis

**here is how to add emojis**

(**Note - 21st May 2021** - testing on flair position[8] is occurring and the new positioning seems to ignore emoji size settings at the moment. Testing started on mobile but is now being seen on desktop too)

8: https://www.reddit.com/r/blog/comments/m6hcan/online_status_controls_a_new_display_for_user/

Adding post flair to the sidebar

• *~~(Edit: this widget now appears anyway without you needing to add it and you can't currently change the order of the flairs or choose which ones appear since~~** ***~~changes to redesign in Jan 2020~~***[9]***~~. Hopefully more control over this will be implemented but we don't know)~~***

9: https://www.reddit.com/r/modnews/comments/ebyusv/updates_to_community_page_design_on_desktop/

• *Update!** We have some control back over the flair widget[10] - the position in the sidebar, whether it's a list or cloud, and the order of the flairs if you have the widget added in mod tools (it still shows automatically if you don't, but **to edit it you need to add it in mod tools sidebar widgets**. [12thAPR2020]

10: https://www.reddit.com/r/modnews/comments/ebyusv/updates_to_community_page_design_on_desktop/fn7gc6o?utm_source=share&utm_medium=web2x

Adding post flair filters to the sidebar can help users navigate your subreddit and find what they are looking for easier. One example is ours on r/modguide[11] - you can filter our guide by topic using our post flairs.

11: https://www.reddit.com/r/modguide/

Adding post flair to your sidebar is easy in redesign, here's our guide on adding a post flair widget

​

• (****Edit: Not sure the following will work after the*** ***changes to redesign in Jan 2020***[12]*)***

12: https://www.reddit.com/r/modnews/comments/ebyusv/updates_to_community_page_design_on_desktop/

For old.reddit I find it easiest to make flair in redesign first as above, and then add the links into the classic sidebar. You'll need to have your sub open in redesign and old.reddit to start; here's our guide on adding post filter links to the classic sidebar[13] where I add a missing filter link for a new post flair.

13: https://imgur.com/a/dq4Lbic

We will have a guide on creating flair in old.reddit soon.

Comments

Comment by JonSnoWight at 16/02/2020 at 23:49 UTC

6 upvotes, 1 direct replies

Fantastic guide on Imgur.

It all seems so simple and intuitive now that I've done it, that I feel dumb for not being able to do it before.

Comment by [deleted] at 09/04/2022 at 21:02 UTC

2 upvotes, 1 direct replies

[removed]

Comment by [deleted] at 15/02/2020 at 18:27 UTC

1 upvotes, 0 direct replies

• *On the default appearance of flair**

Just a note on this, because I wanted to put this somewhere. I have subreddits that were created before the "new Reddit" redesign, including link and post flairs. With no formatting on them, mind you, just the default appearance. Nowadays I kind of swap back and forth between old and new Reddit, depending on which features I need to access. Recently somebody gave me an idea for a new flair, so I added it using the new Reddit interface. Again just leaving the default appearance. And it looked different, in both old and new Reddit.

Here's a demonstration: https://imgur.com/gallery/CRDfrlj[1][2]

1: https://imgur.com/gallery/CRDfrlj

2: https://imgur.com/gallery/CRDfrlj

So the flair created in old Reddit and viewed in old Reddit have an #F5F5F5 background with that little outline around it. Those flair viewed in new Reddit have an #EDEFF1 background. User flair created in new Reddit have a background of #FFFFFF in both places, which I think is hard to see if the general background color is also the default white. Post flair created in new Reddit have a background of #DBDBDB in both places. Also of note is the flair created in new Reddit, when seen in old Reddit, have a larger font size than the flair created in old Reddit.

At this point, I don't specifically care whether they look like the ones created in old Reddit or new Reddit, I just want them to look *the same* as each other within both particular views. Fortunately, the solution turns out to be simple. If you apply a background color to a flair from the new Reddit interface, it will update in old Reddit at the same time, with no need to do any CSS stylesheet stuff. The font size is also changed to match flair that was created in new Reddit in the first place.

Perhaps there is something to be said for the post flair and user flair looking different from each other, though. I plan to go with: Post flair #DBDBDB User flair #EDEFF1

Comment by SolariaHues at 22/02/2020 at 19:44 UTC

1 upvotes, 0 direct replies

I once had an issue where I could see my flair and no one else's. It was old reddit settings https://old.reddit.com/prefs/[1][2] there's are tick boxes under display options to be able to see post and user flairs

1: https://old.reddit.com/prefs/

2: https://old.reddit.com/prefs/

Comment by bullxead at 06/03/2020 at 14:08 UTC

1 upvotes, 0 direct replies

Thanks. It's explained properly, it's done. And it is working as should. Rarely possible today. All the best.

Comment by also_what at 10/03/2020 at 21:15 UTC

1 upvotes, 1 direct replies

What about mobile user?

Comment by 1Oubliette at 15/04/2020 at 00:24 UTC

1 upvotes, 0 direct replies

Much obliged!

Comment by SolariaHues at 28/04/2020 at 20:51 UTC*

1 upvotes, 0 direct replies

More!

• Filter by flair for mobile[1]
• Add redesign flair but keep old reddit flair too[2]
• Our mobile modding posts[3]

Comment by ksep02 at 05/03/2024 at 18:52 UTC

1 upvotes, 1 direct replies

Hey OP! Can you please help me how to flair like this sub r/InsideMollywood I tried adding 128x128 size image as emoji but my flair is too small looks like an emoji icon

https://preview.redd.it/uffppmhzakmc1.jpeg?width=309&format=pjpg&auto=webp&s=4f0a88eba458ea18b2f6403493db179f84cbd212

Comment by Arthurlurk1 at 07/07/2024 at 00:58 UTC

1 upvotes, 1 direct replies

I feel crazy but I don’t see any mention of emojis when I look at the mod tools

Comment by MadamFaiirie at 24/05/2022 at 03:27 UTC

1 upvotes, 0 direct replies

helpful

Comment by MetroHop at 01/07/2023 at 23:43 UTC

1 upvotes, 1 direct replies

I've tried most every avenue. I still can't get flair to be enabled in my sub.

This is ridiculous, reddit.

Comment by Virtual-Rule4636 at 13/01/2024 at 16:30 UTC*

1 upvotes, 1 direct replies

When i try to add a custom emoji that is png a black box keeps appearing with image

https://preview.redd.it/xvhdilxhi8cc1.jpeg?width=2604&format=pjpg&auto=webp&s=44665a4abc15af41865a90307950028e73b4b978

(Sorry for the bad photo i forgot how to screenshot on the notebook)