How to edit scroll bar in DAWN

How to edit scroll bar in DAWN

NOT1
Shopify Partner
121 1 32

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


2. I want it more slim like 5.72 px 
3. Remove the arrows at first and last 

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

Replies 3 (3)

topnewyork
Globetrotter
576 95 121

@NOT1 , kindly share your store URL please.

Thanks!

Need a Shopify developer?
Hire us at topnewyorkwebdesign.com
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Subscribe to our youtube channel
NOT1
Shopify Partner
121 1 32

hiiiiiiiiiiiiiiiiiiiiii

NOT1
Shopify Partner
121 1 32

@topnewyork Hey are you there?