Adjusting Boris Theme Layout

Accessing Theme Editor

To begin customizing the Boris theme layout, you need to access the Zendesk Theme Editor:

1. Log in to your Zendesk account.
2. Navigate to Guide Admin.
3. Click on the Customize design icon.
4. Select Themes from the sidebar.
5. Find the Boris theme and click on Customize.

This will open the Theme Editor where you can adjust various layout options.

Header Customization

The header of your help center is crucial as it's the first thing users see. Here are some customizable header options available in the Boris theme:

• Logo: Change the logo to match your company's branding. You can upload a new image, adjust its size, and alignment.
• Navigation: Modify the header navigation to include essential links or actions that are relevant to your users.
• Search Bar: Adjust the visibility and position of the search bar based on your preference.
• Header Background Color: Change the background color of the header to align with your brand’s color scheme.

Homepage Layout

The homepage is typically the starting point for users navigating your help center. Adjusting the layout can enhance user experience. Here are some options to consider:

• Sections and Categories: Organize categories and sections in a manner that is logical for your users. You can choose from several predefined layouts that emphasize either sections or categories.
• Featured Articles: Highlight important articles by featuring them on the homepage. This can include ‘how-tos’, ‘getting started guides’, etc.
• Promotional Banner: Use this space to announce new features, upcoming events, or important notices.

Footer Customization

The footer provides secondary navigation and must not be neglected. Here’s how you can customize it in the Boris theme:

• Links: Add links to important pages such as Contact Us, Privacy Policy, or Social Media pages.
• Custom Text: You can add a brief about your company or a copyright notice.
• Design: Adjust the background color, text color, and layout to match the rest of your theme.

Advanced Customizations

For those who need more tailored solutions, Boris supports advanced customizations using CSS and JavaScript. Here’s what you can achieve:

• Custom Fonts and Colors: Implement brand-specific fonts and color schemes across your help center.
• Dynamic Elements: Add dynamic elements like sliders, tabs, or collapsible sections to improve user interaction.
• Responsive Design: Ensure that your help center looks good on all devices by fine-tuning responsive design settings.

To apply these advanced customizations, navigate to the Code section in the Theme Editor, where you can directly edit the HTML, CSS, or JavaScript.

Previewing and Publishing Changes

After making adjustments to your theme:

1. Click on the Preview button to see how your changes will look in real-time.
2. If you are satisfied with the customization, click Publish to make the changes live.

Always ensure to preview your changes to avoid any unintentional site behavior or layout issues.