Change placement of items on product grid

[Anonymous]

I would like my dental pod to be in the centre with the case on the left, I have done this on my main page though cant do it with the shop product grid page.

url: hygiadental.com

pw: melek 

[wo]

Manually adjust the order of products in a collection named all. If there is no ''all'', create one.

[BSSCommerce-B2B · Accepted solution]

Hi @Anonymous ,

I have reviewed your requirement, you just need to edit css script and the issue will be resolved.  You can follow my instructions! 

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

Step 2: Search for the file base.css. And add this code snippet to the end of the file.

li.grid__item.scroll-trigger.animate--slide-in:nth-child(1) {
    order: 1 !important;
}
li.grid__item.scroll-trigger.animate--slide-in:nth-child(2) {
    order: 2 !important;
}

Step 3: Save your code and reload this page.

=>> The result: 

I hope these instructions will help you. If they are helpful, please give us likes and mark as the solution.

Have a nice day sir!