M4trix Dev Website Builder November 2024 Updates

We’ve implemented several enhancements to simplify and improve your workflow, making the process of building and managing your website even smoother. Here's how each update can help you:

• Organised Theme Settings for Quicker Navigation: Navigating through theme settings is now more intuitive than ever. We’ve reorganised the layout to make it easier to find what you’re looking for, so you can spend less time searching and more time customising your website to perfection.

We’ve made several key updates to enhance visual feedback, ensuring a smoother and more polished experience as you build and manage your website. Here's a closer look at these improvements:

• Skeleton Loading Screens for Better Feedback: Waiting for content to load is now a more seamless experience, thanks to skeleton loading screens. Instead of a blank page, you’ll see placeholders that indicate the structure of the content being loaded. This not only improves the user experience but also gives you a clear understanding that the process is underway.

Typography hierarchy is key to effective communication, and our new Font Size Control in the text editor makes it easier than ever to manage this aspect of your website. With this feature, you can:

• Highlight key messages by increasing the font size of headings or subheadings.
• Improve readability by adjusting paragraph text to an optimal size.
• Ensure your design aligns with your brand’s visual identity by creating a consistent hierarchy throughout your content.

This level of customisation allows you to guide your audience’s attention exactly where you want it, making your website both visually appealing and user-friendly.

Typography plays a significant role in how your brand communicates its message. With our new Secondary Font for Headings feature, you can now elevate the visual appeal of your content like never before. This update allows you to:

• Customise Individual Pages: Use a unique secondary font for headings on specific pages, giving them a distinctive look and feel.
• Apply Global Settings: Ensure consistent typography across your entire website by applying the secondary font globally through the Global Themes option.

This feature is perfect for brands that want to differentiate sections of their website while maintaining an overall cohesive appearance. For example, you could use a bold, modern font for your homepage headings and a more traditional font for blog articles. By creating this visual hierarchy, you not only enhance your website’s aesthetics but also make your content easier to navigate and understand.

Your brand is one of a kind, and your website should be too. That’s why we’re introducing Custom Tailwind CSS Classes—a powerful tool for anyone seeking to craft a truly unique design. Now, you can directly apply custom Tailwind CSS classes to essential design elements such as:

• Blocks: Modify their size, spacing, colors, and more to create a layout that perfectly fits your needs.
• Buttons: Tailor button styles to align with your brand, from hover effects to colour transitions.
• Images: Add special filters, shadows, or borders to make your visuals stand out.
• Icons: Personalise icons to match your website's theme and style seamlessly.

This feature empowers you to go beyond basic design templates and unleash your creativity. Learn more about available classes in the Tailwind CSS documentation. Here is a direct link to the font size. Simply copy and paste the classes to bring your designs to life.

Consistency is critical when it comes to design. With Button Design Control, you can now customize the appearance of all buttons on a specific page or across your entire site. Benefits include:

• Time-Saving Updates: Change button styles globally instead of editing them one by one.
• Design Consistency: Ensure all buttons align with your brand’s visual identity, from colour and size to hover effects.

This feature is perfect for websites with multiple call-to-action buttons, as it streamlines updates while maintaining a polished, cohesive look.

Links serve many purposes, from navigation to conversions. With the Link Design Toggle, you can now:

• Use simple link styles for navigation menus, creating a clean and minimalistic look.
• Apply button-like styles to call-to-action links, making them more prominent and engaging.

This separation ensures that your design remains intuitive and user-friendly, helping visitors navigate your site with ease.

Experimenting with new styles can be exciting, but it’s also reassuring to know you can easily start over. The Reset Theme Settings feature lets you revert your website’s theme to its default settings in seconds. This gives you the freedom to try bold new designs without worrying about making irreversible changes.

Animations can bring your website to life, adding a touch of flair and professionalism. With our new Animation Management feature, you now have full control over how animations are applied across your website. Here's how it works:

• Responsive Animations for Smooth Transitions: Animations enhance user experience by providing seamless transitions for text and media, making your pages feel more dynamic and engaging. Responsive animations ensure your content flows naturally on all devices.
• Enable or Disable Animations by Page: You can now choose to enable animations for specific pages, giving them a unique and polished look. For example, you might want animations on your homepage to capture attention, while keeping your blog pages simpler for readability.
• Global Animation Settings for Consistency: For a cohesive user experience, you can manage animations at the global level through the Website Theme settings. If you prefer a more static design, you can disable animations across your entire site with just a few clicks.

This flexibility allows you to tailor the use of animations to your design goals, ensuring they complement your website’s content and purpose without overwhelming the user.

Your visitors access your website from a variety of devices, and now you can ensure they see exactly what’s relevant to them with the Device Visibility Handler. This powerful new feature lets you decide which elements appear on specific devices:

• Desktop: Optimise your website for larger screens by displaying full-size images, detailed blocks of text, or additional features.
• Tablet: Strike a balance between desktop and mobile designs, ensuring content remains accessible and visually appealing.
• Mobile: Prioritise essential elements for smaller screens, such as simplified navigation and prominent call-to-action buttons.

For example, you can hide high-resolution images or complex animations on mobile devices to improve loading times while keeping these elements visible on desktop. You can also create mobile-friendly menus or icons that streamline navigation for users on the go. This level of control ensures that your website delivers the best possible experience, no matter how your audience chooses to browse.

Images are more than just visual elements—they’re also interactive tools. With our new Image Link Settings, you now have greater control over how image links behave. Key features include:

• No Follow: Decide whether search engines should follow image links, giving you better control over your website’s SEO strategy.
• Open in New Tab: Enhance the user experience by allowing image links to open in a new browser tab, so users can explore linked content without losing their place on your site.

Whether you’re linking to an external portfolio, a product page, or an article, these settings give you the flexibility to manage how users and search engines interact with your images.

Achieving a balanced layout is essential for any professional website. With Block Width Control, you now have the precision needed to create layouts that are both functional and visually stunning. You can:

• Customise Individual Sections: Adjust the width of specific blocks to create the exact layout you envision.
• Apply Page Themes: Maintain consistency on individual pages by applying uniform width settings across all sections.
• Set Global Themes: Ensure that your entire website has a cohesive structure by using global settings.

For instance, you might want wider blocks for a portfolio gallery and narrower blocks for text-heavy sections. This feature gives you the flexibility to experiment and find the perfect balance, ensuring your website looks professional and engaging.

Creating a website that looks great on every device is crucial. That’s why we’ve introduced Device Preview, which lets you see how your website will appear on:

• Mobile: Preview the mobile version of your site to ensure it’s fully optimized for smaller screens. Adjust text, images, and layouts to guarantee readability and usability.

No update is complete without addressing the small issues that can disrupt your workflow. Our team has worked diligently to resolve key bugs, ensuring a smoother and more reliable experience. Here’s what we’ve fixed:

• Color Reset Now Works Seamlessly: The colour reset feature has been fine-tuned to function flawlessly. Whether you’re experimenting with new styles or reverting back to defaults, you can now reset colors without any glitches, saving you time and effort.
• Fixed Issues in the Text Editor: We’ve resolved several text editor issues that could impact formatting and content editing. You’ll now experience a more stable and consistent text editing process, allowing you to focus on crafting compelling content without interruptions.
• Improved SEO Settings for Better Performance: SEO is vital for your website’s visibility, and we’ve optimised the settings to ensure they work perfectly. This means you can confidently manage your metadata and other SEO elements to enhance your site’s search engine ranking.

These bug fixes are part of our ongoing commitment to delivering a platform that’s not only feature-rich but also dependable and easy to use.