collection list -align arrows to the right

[batyaJandMore]

hey,

i need your help aligning the arrows of the collection list to the right as show in the image.

thanks in advance.

https://z8p66wloo6n24dcm-65779892391.shopifypreview.com

[DaisyVo]

Hi @batyaJandMore 

To complete your requests, please follow these steps:

1. Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
2. Paste the code provided into the Custom CSS section.

.collection-list-wrapper h3.card__heading > a {
    display: flex !important;
    flex-direction: row-reverse !important;
    justify-content: flex-end !important;
}​

Here is the result:  

I hope this helps

Best,

Daisy

[batyaJandMore]

Hey Daisy,

want can i do to flip the arrows side?

i want the arrow head to the left

[DaisyVo · Accepted solution]

HI @batyaJandMore 

Please add this code more

.collection-list-wrapper h3.card__heading > a span.icon-wrap > svg {
    transform: rotate(180deg);
}

I hope this helps

Best,

Daisy

[NguyenVinh]

You can refer to this css:

.collection-list-wrapper .card__heading a {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
}

.collection-list-wrapper .card__heading .icon-wrap svg {
  transform: rotate(-180deg);
}