Center title and price in collections in debut theme

tharomaticbrand · ‎08-14-2020

I have used the following code to center title and price in my collections page, however the title and price don't seem to align and center properly.

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

.h4.grid-view-item__title.product-card__title {
text-align: center;
width: 100%;
display: inline-block;
}

Also looking to center title and price in home page. Thanks for the help!

Shopify page - https://thearomaticbrand.com/

dmwwebartisan · ‎08-15-2020

Hey @tharomaticbrand,

Please remove the last given script and add the following script at the bottom of your assets/theme.scss.liquid file.

/* For home page products */
#shopify-section-collection .product-card__title {
display:block;
text-align:center;
}

 #shopify-section-collection .price{
 align-items: center !important;
 }

 /* For collection page products */

#Collection .product-card__title {
display:block;
text-align:center;
border-bottom: none !important;
}

#Collection .price{
 align-items: center !important;
 }

.price__regular, .price__sale{
margin-right: 0px !important;
}

Hope this will work.

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app

View solution in original post

Center title and price in collections in debut theme

Community Blog Articles

Shopify Community

Support

Shopify

Quick Links