The Client Logos Module is an essential component for showcasing logos on your website with maximum flexibility and control. Whether you’re displaying your own brand, partners, sponsors, or clients, this module provides a range of customization options to ensure that the logos integrate seamlessly with your site’s design and enhance the overall visual experience.
Add/Remove Logos:
Add new logos or remove existing ones as needed. Support for various file formats ensures compatibility with your logo assets.
Responsive Design: The module is designed to automatically adjust to different screen sizes, ensuring logos appear crisp and well-positioned on desktops, tablets, and mobile devices.
Background Colors:
Set background colors to complement or contrast with the logos. Use solid colors or gradients to create a distinctive look.
Borders and Box Shadows:
Add borders and box shadows to logos to create a sense of depth and separation. Customize border color, thickness, and style (solid, dashed, etc.), and adjust shadow settings for a tailored appearance.
Text Alignment and Typography:
Align accompanying text (e.g., logo descriptions, brand names) as desired—left, center, or right. Adjust typography settings including font family, size, color, and weight to ensure consistency with your site’s overall style.
Margin and Padding:
Fine-tune the spacing around and within logos to achieve the desired layout. Adjust margin and padding to ensure logos are properly positioned and visually balanced.
Layout Options:
Display logos in a grid format for a structured look or use a carousel for a dynamic, interactive presentation. Choose from various layout styles to suit your design needs.
In the main dashboard, navigate to the Content tab and select either Website Pages or Landing Pages, depending on where you want to add the service section.
Choose the page where you want to apply the module.
Search for "Client Logos Section" and drag and drop the module into the desired location on your page.
Heading & Description :
You can effortlessly tailor the content in your client logos module heading sections to fit your needs. Customize the 'Heading' and 'Description' to align perfectly with your messaging, and if needed, you can choose to hide the section altogether.
Options:
Layout Options :
For the client logos module section, select your preferred layout (e.g., Layout 1, Layout 2 & Layout 3) and easily rearrange it to achieve the ideal content flow.
Options:
Logo Image Repeater :
You have the flexibility to add or remove logos as needed and easily set different multi-logo configurations to suit your preferences.
Module Setting :
Fine-tune margin, padding, background colors, and container width to create your ideal design and layout.
Heading & Description Setting :
Users can customize the maximum width, bottom spacing, and content alignment. Additionally, typography settings—such as font size, weight, and line height for headings and descriptions - can be adjusted for both mobile and desktop views. Spacing adjustments are also available for mobile and desktop layouts.
Logo Column Setting :
You can customize the image column by setting various properties such as the background, spacing, border radius, border, and outside border. The background option allows you to choose a color or image to enhance the column's visual appeal. Spacing options enable you to adjust padding and margins for better alignment and distribution of content. The border radius setting allows you to create rounded corners, giving the column a softer look. You can also define the border style, thickness, and color to highlight the content, while the outside border option adds an extra layer of emphasis around the column for additional customization.
Logo Image Setting :
You can set the image height and width for both desktop and mobile views.