A Vertical Set of Scroll Bars for Text Fields

These Scroll Bars can be used in any element

Copy and Paste the text below into the ‘Custom CSS’ tab under ‘Advanced’

selector{
max-height: 300px;
overflow-x: hidden;
overflow-y: scroll;
}

selector::-webkit-scrollbar{
width: 14px;
}

selector::-webkit-scrollbar-track{
background: rgba(0, 0, 0, 0.1);
}

selector::-webkit-scrollbar-thumb{
background: rgba(0, 0, 0, 0.31);
}

Scroll Bar Type 1

Ashwagandah Tea.
Alfalfa
Andrographis
Basil
Lemongrass
Lemon Myrtle
Lemon
Peppermint
Spearmint
Ginger root
Calendula
Chamomile
Rosehip
Dandelion
Elderberry
Rosemary
Another Tea
Another Tea
Another Tea
Another Tea
Another Tea
Another Tea.

Ashwagandah Tea.
Alfalfa
Andrographis
Basil
Lemongrass
Lemon Myrtle
Lemon
Peppermint
Spearmint
Ginger root
Calendula
Chamomile
Rosehip
Dandelion
Elderberry
Rosemary
Another Tea
Another Tea
Another Tea
Another Tea
Another Tea
Another Tea.

Scroll Bar Type 2 (scroll bar will only show once in Preview/Page View)

Ashwagandah Tea.
Alfalfa
Andrographis
Basil
Lemongrass
Lemon Myrtle
Lemon
Peppermint
Spearmint
Ginger root
Calendula
Chamomile
Rosehip
Dandelion
Elderberry
Rosemary
Another Tea
Another Tea
Another Tea
Another Tea
Another Tea
Another Tea.

Ashwagandah Tea.
Alfalfa
Andrographis
Basil
Lemongrass
Lemon Myrtle
Lemon
Peppermint
Spearmint
Ginger root
Calendula
Chamomile
Rosehip
Dandelion
Elderberry
Rosemary
Another Tea
Another Tea
Another Tea
Another Tea
Another Tea
Another Tea.

This is an entire Section that has been given a Scroll bar

Here the Section has been attributed a scroll bar and the CSS has been adjusted to 605px in height.

Lemon Tea

Column with Scroll Bar

Here it’s the Column that has the scroll bar with ‘Full Width’ and ‘No Gap’

Lemon Myrtle Tea
Ginger Root Tea