# 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.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://en-ascent.webvista.studio/sections/logo-list.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.