Set Different Themes per Subcommunity - HL Vanilla Community
<main> <article class="userContent"> <p>If you use <a href="https://success.vanillaforums.com/kb/articles/53-subcommunities" rel="nofollow noreferrer ugc">subcommunities</a> in your <strong>Higher Logic Vanilla</strong> community and want each one to have its own unique look, you can give each subcommunity its own <strong>theme</strong>. </p><p><strong>✔️ TIP</strong>: If your subcommunity themes will simply be variations of your main community theme, use it as the template from which to easily build them. </p><p>For help on creating a Foundation theme, check out the article below:</p><div class="js-embed embedResponsive" data-embedjson="{"body":"Overview Foundation is Vanilla’s newest theme and our recommendation as the best option when creating your new theme, or for updating an existing theme. Our new Theme Editor makes it easy to create and modify custom theme templates so that your community and knowledge base can match your unique brand. Legacy Clients New…","photoUrl":"https:\/\/us.v-cdn.net\/6030677\/uploads\/VWGAXAF5OFCO\/microsoftteams-image.png","url":"https:\/\/success.vanillaforums.com\/kb\/articles\/279-theme-editor-overview","embedType":"link","name":"Theme Editor Overview - Vanilla Success"}"> <a href="https://success.vanillaforums.com/kb/articles/279-theme-editor-overview" rel="nofollow noreferrer ugc"> https://success.vanillaforums.com/kb/articles/279-theme-editor-overview </a> </div><h2 data-id="create-a-subcommunity-theme">Create a subcommunity theme</h2><p>In the Dashboard, on the <strong>Appearance > Branding & Assets > Style Guides</strong> page:</p><ul><li>Create a copy of your base Foundation Theme in your Dashboard, if this version will be a tweaked version of your main theme. </li><li>You can also copy the out-of-the-box Foundation theme, if you'd like to start from scratch for a particular subcommunity:</li></ul><div class="embedExternal embedImage display-large float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://us.v-cdn.net/6030677/uploads/V57DAY8LYO5L/copy-theme.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://us.v-cdn.net/6030677/uploads/V57DAY8LYO5L/copy-theme.png" alt="copy_theme.png" height="348" width="760" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <p><strong>✔️ TIP</strong>: Consider naming each subcommunity theme something similar to the subcommunity. </p><p>Use the <a href="https://success.vanillaforums.com/kb/articles/279" rel="nofollow noreferrer ugc">Theme Editor</a> to customize and save the new subcommunity theme. </p><h2 data-id="apply-a-theme-to-a-subcommunity">Apply a theme to a subcommunity </h2><p>To apply a theme to one of your subcommunities:</p><ol><li>Access the Dashboard.</li><li>Navigate to <strong>Settings > Forum > Subcommunities</strong>. </li><li>Edit the theme.</li><li>From the <strong>Themes </strong>dropdown, select the theme you want it to use.</li><li>Click <strong>Save </strong>to apply the change.</li></ol><div class="embedExternal embedImage display-large float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://us.v-cdn.net/6030677/uploads/FH00CN376MD6/apply-theme-to-subc.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://us.v-cdn.net/6030677/uploads/FH00CN376MD6/apply-theme-to-subc.png" alt="apply_theme_to_subC.png" height="747" width="1730" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <h2 data-id="update-a-theme">Update a theme </h2><p>A copied theme becomes its own file, stored in the <strong>Custom Themes</strong> section. Edits to one theme will not affect another, even if it was copied from the one being edited. </p><p>If you need to make a change that should apply to <em>all </em>themes, you either need to:</p><ul><li>update each theme individually via the Theme Editor, </li><li>or <a href="https://success.vanillaforums.com/kb/articles/202-apiv2-reference-endpoints#/Themes" rel="nofollow noreferrer ugc">update via the API</a> (this is only recommended if you if you have a technical resource). </li></ul><p>To edit one of your copied/custom themes, hover over it to display an <strong>ellipsis (...)</strong> at the top right, and then select <strong>Edit</strong>.</p><div class="embedExternal embedImage display-large float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://us.v-cdn.net/6030677/uploads/IY739GCIXTHO/edit-theme-ellipsis-menu.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://us.v-cdn.net/6030677/uploads/IY739GCIXTHO/edit-theme-ellipsis-menu.png" alt="edit_theme_ellipsis_menu.png" height="597" width="1026" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <h2 data-id="view-your-subcommunity-themes-in-action">View your subcommunity themes in action </h2><p>Use the <strong>globe icon </strong>to toggle between subcommunities to easily see your themes in action: </p><div class="embedExternal embedImage display-large float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://us.v-cdn.net/6030677/uploads/MVQ86AU2NJWK/view-subcommunities-menu.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://us.v-cdn.net/6030677/uploads/MVQ86AU2NJWK/view-subcommunities-menu.png" alt="view_subcommunities_menu.png" height="658" width="1726" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <p><br></p> </article> </main>