1. Access Group Settings
As a group admin/owner, navigate to your group dashboard, and find the group you wish to customize.
Within the group settings menu, look for the "Branding" section. Click on it to open the branding options for your group.
In the Branding section, you'll find an "Advanced" tab or option (scroll to bottom). Select this to access the advanced customization settings where you can input custom HTML, CSS, and JS.
HTML: You can add custom HTML to modify the structure or content of your group's pages. This is ideal for adding custom headers, footers, or unique content blocks.
CSS: Use CSS to alter the visual style of your group. This can include changes to colors, fonts, layouts, and more, allowing you to align the group's appearance with your brand or preferences.
JS: JavaScript can be used to add interactive elements or functionality to your group. This could range from simple animations to complex features like custom forms or integrations.
Before making your customizations live, take advantage of the preview feature. This allows you to see how your custom code affects the group's appearance and functionality, letting you make adjustments as needed without affecting the live site.
Once you're satisfied with your customizations, save your changes to make them live for all group members.
A: If you encounter any problems within a community where custom HTML, CSS, or JavaScript has been implemented, it's important to isolate whether the issue is being caused by the custom code. To do this, you can temporarily disable the custom code and see if the problem still occurs. Simply add 'customCode=false' to the end of the community's URL in your browser's address bar and press Enter. This action deactivates the custom code for your current session, allowing you to check if the issue persists without the customizations. If the problem is resolved with custom code disabled, it indicates that adjustments to your custom code may be necessary.
