I’d like to offer a patreon tier that allows users access to particular themes. Is there any way of showing/hiding themes from particular groups?

Can you back up and describe your use case? I don’t think that you can limit themes by group but you can have themes that behave differently depending on group.

I’d like to offer a subscription for my forums. I would like a subscriber to benefit from: Removal of ads (I think I already have that covered) Access to a number of alternate themes where, specifically, the logo/header changes As users tend to lurk on my forum at work a lot, they’ve requested alternate headers/logos at the top of the site so it looks like they’re on something work-related. eg: ‘Finance’ or ‘Marketing’ or 'SEO or ‘Photoshop’. My intention is to set up paid subscriptions to remove ads and for access to these themes so people can lurk at work. Don’t shoot the messenger - they’ve requested this!

You can achieve this in a basic way with CSS… here’s how I’d go about it: Assign Patreon tiers to groups, these groups must have automatically set as primary group enabled Add all the user-selectable themes you want to make available You can now hide theme options from user preferences using CSS because primary groups are appended to the body tag, and you can target theme options in the dropdowns via data attributes. You’ll want to add this CSS to a theme component and add the component to all of your themes. So for example if I wanted to hide a theme named “Dark Theme” from everyone except those in the Staff group, I could do this: body:not(.staff) { .user-preferences .select-kit-row[data-name="Dark Theme"] { display: none; } } So now “Dark Theme” wouldn’t appear in the user preferences dropdown unless you’re in the staff group. Someone could figure out a way to dig around in the web inspector and enable these themes, but I imagine most people wouldn’t even look. All that being said, for the future I think we should definitely consider some “monetization” features that would enable an admin to easily incentivize support with themes, titles, sets of emoji… etc.

[image] awesomerobot: Someone could figure out a way to dig around in the web inspector and enable these themes, but I imagine most people wouldn’t even look. Right, and that’s the reason I didn’t suggest this answer. Security. :wink: Doh! So obvious to hide the theme from the theme selector. Now that you’ve said it. You are an @awesomerobot.

If you give someone a hammer everything looks like a nail (CSS is my hammer :stuck_out_tongue_winking_eye:).

This is great! I’ll give it a go, thank you so much!

This works perfectly @awesomerobot but I have one more question: I have the Hamburger Theme Selector enabled for all the themes and can’t work out how I can include these? I promise I’ve used the inspect tool but anything aside from the simplest CSS is definitely not a strong point for me

Use this to hide the third and fourth buttons in the hamburger selector: body:not(.staff) { div.menu-container-footer-links > div:nth-child(1) > ul > li:nth-child(3), div.menu-container-footer-links > div:nth-child(1) > ul > li:nth-child(4) { display: none; } } You can only select by order of buttons as far as I can tell, so you’ll have to name the buttons in an order that works for this. I had some that I only wanted admins to see so I named them zAdmin to keep them at the bottom of the list and I only have two buttons visible to all other users.

The difficulty of selecting one of the list items in the hamburger theme menu has come up a few times, so I just added a data-name attribute there too… it should be available if you update the theme component. …so in the case where you want to only show the theme for staff: body:not(.staff) { .user-preferences .select-kit-row[data-name="Dark Theme"] { display: none; } .menu-container-footer-links li[data-name="Dark Theme"] { display: none; } }

That’s great thank you @pfaffman I got this to work and covered the themes by adding some extra arguments. @awesomerobot for some reason I couldn’t get your method working (even though it looks like it should)

Show/hide themes for specific groups?

Product Support

pfaffman (Jay Pfaffman) April 19, 2019, 6:59pm 5

Right, and that’s the reason I didn’t suggest this answer. Security.

Doh! So obvious to hide the theme from the theme selector. Now that you’ve said it. You are an @awesomerobot.

Topic		Replies	Views
Restrict themes to certain groups? Product Support	6	1346	May 14, 2019
Can I make a theme available to specific user groups only? Development horizon-theme	9	477	April 21, 2025
Display different content within a topic based on user's groups membership? Development	6	1448	October 21, 2022
Group specific Banner Topics? Product Support	9	1703	January 27, 2024
I want to customize UI based on the users group membership UX	4	2465	March 24, 2018

Show/hide themes for specific groups?

Related topics