Helpful resources
            
           
              Need more help?
             
             
              Check out the Webflow community.
             
            
              Free Webflow templates
             
             
              The best free Webflow templates.
             
            
              Hire a Webflow expert
             
             
              Partner with a certified expert.
             
            How can I create a horizontal scroll of client logos on my Webflow site without any background, border, or arrows?
             Published on
            
            
             September 22, 2023
            
           To create a horizontal scroll of client logos on your Webflow site without any background, border, or arrows, you can follow these steps:
- Add a container:
 
- 
             Drag and drop a
             
divblock onto your page to serve as the container for the logos. 
- Set the container's style:
 
- Give the container a class name in the right sidebar panel.
 - Set the container's width to 100% so that it stretches across the entire screen.
 - Set the container's height according to your desired size.
 - 
             Set the container's overflow property to
             
scrollto enable scrolling. 
- Add a flex container:
 
- 
             Inside the container div, add another div block by dragging and dropping a new
             
divelement. - Give this div block a class name.
 - 
             Set the display property of this div to
             
flexto create a flex container. 
- Add your client logos:
 
- Inside the flex container div, drag and drop image elements to add your client logos.
 - Select each image and set its size and position according to your preference.
 - Adjust the padding or margin around the images if needed.
 
- Style the logos:
 
- Apply styles to the images if necessary, such as adjusting the width, height, or opacity.
 - You can add additional effects like hover animations or transitions as desired.
 
- Adjust the scroll behavior:
 
- If you want the logos to scroll responsively on all devices, you can set the height and width to be percentages rather than fixed values.
 
- Preview and test:
 
- Save your changes and preview your site to see the horizontal scroll of client logos without any background, border, or arrows.
 - Test the scrolling behavior on different devices to ensure it works as expected.
 
By following these steps, you will be able to create a horizontal scroll of client logos on your Webflow site without any background, border, or arrows.
Additional Questions:
- How can I add a background color or border to the container of client logos in Webflow?
 - Can I add arrows to indicate the horizontal scroll of client logos in Webflow?
 - How can I make the client logos responsive so that they adjust to different device sizes on Webflow?