Logo Dimensions

In Direxact, we understand the importance of branding and the role it plays in creating a memorable user experience. This document will guide you through the process of displaying your website logo in various areas of your platform and provide instructions on how to adjust the logo dimensions to fit your specific needs.

1. Logo Display Areas:

Direxact allows you to display your website logo in multiple areas to enhance your platform's visual identity. By default, your logo will be displayed in the following sections:

a. Site header: The logo appears at the top of each page, usually in the left or center part of the header, depending on your chosen design template.

b. Site footer: The logo is displayed at the bottom of each page, providing a consistent branding element throughout your platform.

c. Invoices: Your logo is included on invoices generated by the platform, ensuring a professional appearance and reinforcing your brand identity.

1. Default Logo Dimensions:

To ensure that your logo is displayed correctly and consistently, Direxact comes with default logo dimensions of 500 px by 200 px. These dimensions have been chosen to accommodate a wide range of logo designs while maintaining a visually balanced appearance on the platform.

1. Changing Logo Dimensions:

If your logo requires different dimensions than the default settings, you can easily adjust them by following these steps:

a. Access the platform's design editor: Log in to your Bubble account where you're hosting your Direxact site and navigate to the design editor. This is where you can modify the appearance of various elements on your platform.

b. Locate the header and footer elements: In the design editor, find the header and footer elements that contain your logo. These can be found in the Reusable Elements section of your design page.

c. Adjust the logo dimensions: Click on the logo within the header and footer elements. You should see a panel with settings related to the selected element. Look for the width and height options and change them to match your logo's dimensions. Ensure that the new dimensions maintain a visually balanced appearance and do not distort your logo.

d. Save your changes: After adjusting the logo dimensions, make sure to save your changes by clicking the "Deploy Current Version to Live" button in the design editor. This will apply your new logo dimensions to the platform.

By following this guide, you can easily display your website logo in various areas of your Direxact platform and adjust the logo dimensions to fit your specific branding requirements. Customizing your logo's appearance helps create a consistent and memorable user experience that reflects your brand identity.