How to edit scroll bar in DAWN

How to edit scroll bar in DAWN

NOT1
Shopify Partner
282 2 127

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
Astronaut
1341 162 221

@NOT1 , kindly share your store URL please.

Thanks!

Need a Shopify developer? Hire us at Top New York Web Design
Boost Your Store Sales with Volume/Tier Discount Try Big Bulk Discount
Create New Shopify Store For Just 1$/Month
NOT1
Shopify Partner
282 2 127

hiiiiiiiiiiiiiiiiiiiiii

NOT1
Shopify Partner
282 2 127

@topnewyork Hey are you there?