# 3-Column Horizontal Scroll Repeating Group

## Overview

Custom horizontal scroll repeating group that is fully-responsive and scrolls off-screen. Ideal for displaying blog posts, videos, and articles. This module includes an image, small gray text, title text, and a link.

![](https://8331092-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LbzMeM9XfnblRd78nga%2F-LcJpG5hvprgK-qngcEN%2F-LcJq2PlD75dFWKQCa_g%2FScreen%20Shot%202019-01-25%20at%203.13.24%20PM.png?alt=media\&token=5e88644e-2398-44ce-bdca-a3c266e41ec1)

## Structure

* When this module is added to a page, it is placed within a group called `Group page860Group` on the page. This group contains the responsive settings for all modules.
* All data is displayed in `RepeatingGroup 860-3Column`

## How to set up

* Update the data source of `RepeatingGroup 860-3Column`
* Update the data source of the image and texts
* Remove any elements in the module that you do need 

## Hide scroll bar

* You can hide the repeating group scroll bar by adding the following code to the page HTML header:

{% hint style="info" %}
Custom page HTML headers are only applied to apps that are on a Personal Plan. If you are not on a Personal Plan, you can simply add the following script in an html element and put it towards the top of the page.
{% endhint %}

`::-webkit-scrollbar {`\
  `width: 0px;`\
  `height: 0px;`\
`}`\
`::-webkit-scrollbar-button {`\
  `width: 0px;`\
  `height: 0px;`\
`}`\
`::-webkit-scrollbar-thumb {`\
  `background: transparent;`\
  `border: 0px none;`\
  `border-radius: 0px;`\
`}`\
`::-webkit-scrollbar-thumb:hover {`\
  `background: transparent;`\
`}`\
`::-webkit-scrollbar-thumb:active {`\
  `background: transparent;`\
`}`\
`::-webkit-scrollbar-track {`\
  `background: transparent;`\
  `border: 0px none;`\
  `border-radius: 0px;`\
`}`\
`::-webkit-scrollbar-track:hover {`\
  `background: transparent;`\
`}`\
`::-webkit-scrollbar-track:active {`\
  `background: transparent;`\
`}`\
`::-webkit-scrollbar-corner {`\
  `background: transparent;`\
`}`