How can I create a logo section linking to different companies?

Store Design

Topic summary

A user seeks help creating a clickable logo section displaying multiple company logos, similar to a provided mockup. They shared their store link (password: shopkeeps) for reference.

Solution Provided:

  • Another user supplied HTML code featuring a grid of images with links to placeholder photos from Unsplash and Pexels
  • The code creates a structured image layout that could be adapted for company logos

Outstanding Questions:

  • How to control where the images display on the page
  • Which files to edit and where exactly to insert the provided code

The discussion remains open as implementation details and file placement instructions have not yet been clarified.

Summarized with AI on November 21. AI used: claude-sonnet-4-5-20250929.
1

Hi there,

Can someone please help me with creating a logo section like the mockup below that each link to the different companies?

Here is a link to my store and password is skeepo.

Thanks!

Screenshot 2023-04-12 at 12.14.31 PM.png
Screenshot 2023-04-12 at 12.14.31 PM.png804×458 49.7 KB

1 Like
2

here is code html:

<img Woman taking photo Hot air balloon
Man riding bicycle on mountain trail Close-up of yellow flowers Person playing guitar
Woman wearing virtual reality headset Close-up of red fruit on tree Cityscape at night

here is code css:

  1. .image-adiouane {
    width: 550px;
    margin: auto !important;
    display: flex;
}

    .image-adiouane img {
    padding: 5px;
    width: 20rem;
    height: 12rem;
}
3

Hi thanks Adiouane for your quick reply! How do I determine where the images display on the page?

Thanks!

4

Hi - sorry for the stupid question but where should this code be inserted? Which files/placement?

Thanks so much!