Caption of Logo slider below the Logo

Hey Sebastian,

Thank you for the inquiry.

That is not possible without significant modifications to the theme, unfortunately. We recommend using the Content Slider instead so you can control the content for each slider. Try manually adding an image and text for each slide.

Best regards,
Ismael

Hi,

Thank you for the update.

If you want to create it manually using html, try to add this code in a text or code block element:

<div class="av-logo-row">
<div class="av-logo-item">
    <img src="logo1.png" alt="Logo 1">
    <span>Text 1</span></div>
<div class="av-logo-item">
    <img src="logo2.png" alt="Logo 2">
    <span>Text 2</span></div>
<div class="av-logo-item">
    <img src="logo3.png" alt="Logo 3">
    <span>Text 3</span></div>
<div class="av-logo-item">
    <img src="logo4.png" alt="Logo 4">
    <span>Text 4</span></div>
<div class="av-logo-item">
    <img src="logo5.png" alt="Logo 5">
    <span>Text 5</span></div>
<div class="av-logo-item">
    <img src="logo6.png" alt="Logo 6">
    <span>Text 6</span></div>
<div class="av-logo-item">
    <img src="logo7.png" alt="Logo 7">
    <span>Text 7</span></div>
<div class="av-logo-item">
    <img src="logo8.png" alt="Logo 8">
    <span>Text 8</span></div>
<div class="av-logo-item">
    <img src="logo9.png" alt="Logo 9">
    <span>Text 9</span></div>
</div>

Then use this css:

.av-logo-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 20px;
}

.av-logo-item {
  flex: 1 1 calc(100% / 9 - 20px);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-bottom: 20px;
}

.av-logo-item img {
  width: 40px;
  height: 40px;
  margin-bottom: 8px;
}

.av-logo-item span {
  font-size: 14px;
  color: #333;
}

@media (max-width: 1024px) {
  .av-logo-item {
    flex: 1 1 calc(33.333% - 20px);
  }
}

@media (max-width: 600px) {
  .av-logo-item {
    flex: 1 1 100%;
  }
}

Best regards,
Ismael