How to left align the product card in the products page? DAWN THEME

[justauser]

Hi,

I would like to start my product cards from the left side of the page, for now every card is starting from the middle of the page.

for example, in the below picture I would want that red circled single card to be started from the left side, so if insert another product it will follow up from that card, but I want the contents to be centre aligned as it is.

Thank you,

URL: Ornamental Stones – Abbasi (abbasigems.com) (https://abbasigems.com/collections/ornamental-stones)

PASSWORD: testingpage

Any help or support is much appreciated. Thank you again

[ZestardTech]

Hello there,

1. In your Shopify Admin go to online store > themes > actions > edit code

2. Find Asset >base.css and paste this at the bottom of the file:

@media screen and (min-width: 750px){
.collection .grid {
    justify-content: start;
}
}

[GemPages]

Hello @justauser

It’s GemPages support team and glad to support you today.

You can follow these steps:

1. Go to Online Store → Theme → Edit code
2. Open your base.css file and paste the following code below:

@media screen and (min-width: 750px){
      .collection .grid {
          justify-content: flex-start;
      }
    }

If you require any further information, feel free to contact me.
Best regards,
GemPages Support Team

[oscprofessional]

@justauser
Hello,

@media screen and (min-width: 750px){
.collection .grid {
    justify-content: start;
}
.card__heading {
	min-height: 34px;
}
}

Add this CSS at the bottom of Online Store->Theme->Edit code->Assets->base.scss.liquid

Like This

[Ujjaval]

@justauser
put below css into theme.liquid file before closing Tag

[WebDeskSolution]

Hello there,

Please add the following custom CSS following the below steps after logging into the Admin:

Go to online store > themes > actions > edit code

Find Asset > base.css and paste the following CSS at the bottom of the file:

.collection .grid
{
justify-content: start;
}