Origin Theme - Move Collection List Navigation Arrows & Numbers

[Namaste100]

Please offer in Origin Theme how to move the Collection List navigation arrows / numbers from below the collection images to the top.

[Made4uo-Ribe]

Hi @Namaste100 

Would you mind to share your store URL? Thanks!

[PageFly-Theodor]

Hi @Namaste100 ,
This is Theodore from PageFly - Shopify Page Builder App.

Moving collection list navigation arrows/numbers to the top in Origin requires custom CSS.

• Consider a Shopify developer for help if needed.
• Shopify support doesn't assist with custom code.

Best regards,
Theodore | PageFly

[Namaste100 · Accepted solution]

The following code does add the arrows to the side, however, I appreciate assistance on how to change the coloring from being a black arrow on a white background to a white arrow on a purple background

.collection .slider-button.slider-button--prev {
position: absolute;
top: 50%;
left: 0;
transform: translateY(-150%);
z-index: 20
}

.collection .slider-counter.caption {
visibility: hidden; !important
}

.collection .slider-button.slider-button--next {
position: absolute;
top: 50%;
right: 0;
transform: translateY(-150%);
z-index: 20
}
.grid__item.slider__slide:first-child {
margin: 0 !important
}

.collection slider-component {
margin: auto 5vw !important
}
.collection .slider-button {
background: rgba(255, 255, 255, 0.7) !important;

[Namaste100]

The above code goes at the bottom of base.css