Change how the carousel looks on a featured collection

[MLBildeler]

Is it possible to change the carousel for featured collection from looking like the one above to look like the one below (Arrows on each side in center) just by using code?

[AK_Design_Dev]

Yes, i can help you if you want

[Made4uo-Ribe]

Hi @MLBildeler

is this for both screen? Desktop and Mobile?

Would you mind sharing your store URL? Thanks!

[MLBildeler]

Yes please

[MLBildeler]

Hello, yes for both desktop and mobile if possible.

URL: www.mlbildeler.no

Password: gohraw

[Vinsinfo]

@MLBildeler Please follow below steps to change the slider button position. Let me know whether it is helpful for you.

1. From admin go to “Online Store” → “Themes”.
2. Click action button from the current theme and select “Edit code”.
3. Go to “component-slider.css” file.
4. Paste the below code at the bottom of the file and save changes.

.slider-button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: #ffffff75;
}
.slider-button--prev {
    left: 0;
}
.slider-button--next {
    right: 0;
}
.slider-counter {
    display: none;
}
.slider-button .icon {
    height: 1rem;
}

Result will be like,

Please provide your support by click “Like” and “Accepted” if our solution works for you. Thanks for your support.

[MLBildeler]

Thank you very much, it worked