Change look of arrows for collection / product / recommended product previews (and more) Dawn theme

[JordiP]

Hello, I want to change the look of the arrows when there are some featured collection / products etc throughout my whole store, in all pages for a more professional look. 

This is how it looks now ^

 This is how I want it to look ^

Store: https://bb9f8c-ac.myshopify.com/en

Pass: pongia

 

[BSSCommerce-HDL · Accepted solution]

Hi @JordiP, 

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag:

<style>
@media only screen and (max-width: 767px) {
.collection .slider-buttons {
    position: absolute !important;
    top: 0;
    transform: translateY(-63px);
    width: 100vw;
    justify-content: space-between;
    padding: 0 40px;
}

.collection .slider-counter.caption {
    display: none !important;
}

.collection .slider-buttons button {
    scale: 1.5;
}
}
</style>

Here is result: 

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

[JordiP]

Thank you. I would also like to include that throughout other sections in my store. Such as these specifically:

 (This one ^ , would also be nice to change the 'View All' into a textbox beneath all featured collections)

 

(Would be nice to have the arrows here aswell ^ , I guess they are not really showing cause I need to upload products)

 (^ Would be good to have the arrows for the blog section as well)

(and for this featured products section on product pages)

Thank you for your continued help!