Logo list

The Logo List section is used to display a series of brand or partner logos, commonly for showcasing affiliated brands or trademarks. Through various settings, you can customize the style of the Logo List to match the overall website design.

Configuration Options

1. Section Title Settings

   • Show Section Title

     • Purpose: Enabling this option will display a title at the top of the Logo List.

     • Configuration: Enter a custom title as needed, such as "Our Partners."

   • Title

     • Purpose: Set the title for the Logo List section.

     • Configuration: Enter the text for the title.

   • Description

     • Purpose: Add a description to the Logo List section to provide further explanation.

     • Configuration: Enter specific descriptive text in the description area.

   • Watermark Background Text

     • Purpose: Add watermark text to the background, typically for branding purposes.

     • Configuration: Enter the text to be displayed as a watermark.

   • Button Text

     • Purpose: Set the text for an action button, often used to prompt user interaction.

     • Configuration: Enter the text displayed on the button, such as “Learn More.”

   • Button Link

     • Purpose: Set the URL for the button to link to a specific page when clicked.

     • Configuration: Paste the URL or enter search keywords to select the link.

   • Button Style

     • Purpose: Choose the style of the button, differentiated as primary or secondary.

     • Configuration: Select either “Primary” or “Secondary” button style.

2. Content Settings

   • Enable Grayscale

     • Purpose: Display the logos in grayscale to enhance visual effect.

     • Configuration: Check this option to enable grayscale.

   • Enable Spotlight Effect

     • Purpose: Apply a spotlight effect to grayscale images that highlights the image when hovered over.

     • Configuration: Check this option to activate the spotlight effect after enabling grayscale.

   • Light Interval

     • Purpose: Set the frequency of the spotlight effect in seconds.

     • Configuration: Adjust the interval time using a slider.

Usage Considerations

• Grayscale and Spotlight Effects: After enabling grayscale, decide whether to activate the spotlight effect to provide a more dynamic visual experience during user interaction.

• Watermark Background Text: Ensure the contrast between the watermark text and background image is sufficient for readability.

• Button Link: Verify the accuracy of the button link address to avoid redirecting users to incorrect pages.

Common Issues

• Spotlight Effect Not Working: Confirm that the grayscale option is enabled, as the spotlight effect will not work otherwise.

• Logo Appears Blurry: Check if the uploaded logo images are of high resolution to ensure they display clearly on the page.

• Button Not Clickable: Ensure that the button link is correctly configured and check if other elements are obstructing the button area.