Align add to cart button on minimal theme

Store Design
1

Please help!

I need to align the add to basket button on my webpage and mobile

I also need to make it so when its clicked it doesn’t redirect to the cart page

Screenshot 2022-05-04 at 08.58.06.png
Screenshot 2022-05-04 at 08.58.06.png2411×1525 541 KB

2

Hi @goosha ,

Go to Assets > theme.scss.liquid and paste this at the bottom of the file:

#CollectionSection .grid__item form {
	text-align: center !important;
}
3

that hasn’t made a difference

4

Hi @goosha ,

Please change code:

#CollectionSection .grid-link {
	padding-bottom: 15px !important;
}
#CollectionSection .grid-link__title {
    height: 45px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
#CollectionSection .grid__item form {
	text-align: center !important;
}
5

thanks its worked!

6

it has not worked on the home page collection

7

Hi @goosha ,

Please add code:

[data-section-type="featured-products-section"] .grid-link {
	padding-bottom: 15px !important;
}
[data-section-type="featured-products-section"] .grid-link__title {
    height: 45px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
[data-section-type="featured-products-section"] .grid__item form {
	text-align: center !important;
}