Debut Theme - Product Title not aligned

Highlighted
Tourist
18 0 1

Hi, 

 

Please help with my issue. 

 

I had alignment issues and when I posted on the forum the suggested to add the following code of my assets/theme.scss.liquid file.

.grid-view-item__image-wrapper{
margin-left: 0px !important;
}

But when I did that,

After the change, everything shifted to the left and the pictures aren't aligned with the title "Product" 

 

shimeunsu_1-1604413204861.png

 

You can check it out at www.platepillows.com password mine. 

 

 

0 Likes
Highlighted
Shopify Partner
3222 709 857

@shimeunsu 

Please add the following code at the bottom of your assets/theme.css file.

.grid {
margin-left: 0px !important;
}

 

Hope this helps.

Thanks! 

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
Tourist
18 0 1

Now I have these code under asset/theme.css.liquid

The issue is yet to be resolved. Please help

.grid-view-item__image-wrapper{ margin-left: 0px !important;}
.grid {
margin-left: 0px !important;
}

0 Likes
Highlighted
Shopify Partner
3222 709 857

@shimeunsu 

This is bit complex. Well remove old code and add this new one.

.template-collection .h4.grid-view-item__title.product-card__title{
text-align: center;
display:block;
}
.template-collection .price__regular{
margin-right: 0px !important;
}
div[id^="ProductCardImageWrapper-collection-template-"] {
    margin-left: auto !important;
    margin-right: auto;
}

 

Hope this helps.

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
Tourist
18 0 1

Hi,

 

Thank you for your reply. 

Now it looks like this. It fixed the initial issue but as you can see, the title and the price don't align up. 

shimeunsu_0-1604592605566.png

 

0 Likes
Highlighted
Shopify Partner
3222 709 857

@shimeunsu 

Please add the following code

dl.price.price--listing.price--sold-out {
    align-items: center;
}

Hope this helps.

Thanks! 

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
Tourist
18 0 1

I would like the title and the price to be aligned left to the pictures 

0 Likes
Highlighted
Tourist
18 0 1

On my homepage also, 

it is not aligned. 

shimeunsu_0-1604874358306.png

 

 

0 Likes
Highlighted
Tourist
18 0 1

Hi, 

 

Please respond to my question. Greatly appreciated. 

0 Likes