How to edit scroll bar in DAWN

Store Design
,
1

Currently the code i am using is (for collection list only):

<style>
.collection-list {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    overflow-x: scroll !important;
    scrollbar-width: thin !important;
    scrollbar-color: #20374F #f1f1f1 !important;
}
</style>

But I need some changes

  1. I dont want it full screen

NOT1_0-1725525225972.png

I want it like just with the collection list image sizes like this image

NOT1_1-1725525225965.png

  1. I want it more slim like 5.72 px

  2. Remove the arrows at first and last

  3. Increase top padding from image of the collection list
    Thanks : )

2

@NOT1 , kindly share your store URL please.

Thanks!

3

hiiiiiiiiiiiiiiiiiiiiii

4

@topnewyork Hey are you there?