How to align 1 product on catalog to center?

Solved
Highlighted
New Member
2 0 0

Hi,

I have tried a variety of codes to try and get my one product to center in the middle of the page rather than to the right but none of them seem to be working.

I am using debut theme..

Here is a link to my page where you will see what i mean https://swelltechuk.com/collections/all

If anyone knows how I could fix this, please please let me know 

Thanks in advance

 

0 Likes
Highlighted
Shopify Partner
1083 221 284

This is an accepted solution.

Hello,

Add this css in bottom of theme.scss.liquid, you can find this file under assets.

.template-collection li.grid__item.grid__item--collection-template.medium-up--one-half {
    text-align: center;
    display: contents !important;
}
.template-collection .price {
    display: grid !important;
	}
Want to modify or custom changes on store hire me.
My Email: guleriathakur43@gmail.com
Skype: navrocks1
If helpful then please Like and Accept Solution.
If you are happy and want to donate small Click here (Its my paypal)
1 Like
Highlighted
New Member
2 0 0

PERFECT!! 

Thank you very much!!!

0 Likes