I'm trying to center align the 'add to cart' button on collections page in Minimal theme?

Solved
retroandcustom
Tourist
5 0 2

Thanks in advance for any assistance. 

I am looking for the code to center align the 'Add to Cart' button on my collection pages.  I am using the Minimal theme.  Also, is there a way to allow for two lines in the product title?  

 

 

Shopify.png

0 Likes
dmwwebartisan
Shopify Partner
4529 1019 1317

@retroandcustom 

Please share your website URL and password if any. I will check and provide a solution here.

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
Zworthkey
Shopify Partner
225 12 46

Hi,

It's my pleasure to help you. can you provide me the URL link of your site,

so that I can improve it.Exact what you want.

Thank you

0 Likes
retroandcustom
Tourist
5 0 2

Thank you.  

URL: https://retrocustomcups.com.au

Password: underconstruction

Appreciate any help you can provide.

 

0 Likes
retroandcustom
Tourist
5 0 2

Thank you.  

URL: https://retrocustomcups.com.au

Password: underconstruction

Appreciate any help you can provide.

0 Likes
dmwwebartisan
Shopify Partner
4529 1019 1317

This is an accepted solution.

@retroandcustom 

Please add the following code at the bottom of your assets/timber.scss.liquid file.

 

 

#shopify-section-collection-template .btn, .btn--secondary, input.btn--secondary, .btn--tertiary, input.btn--tertiary, .shopify-payment-button .shopify-payment-button__button--unbranded, input[type="submit"] {
display: block !important;
margin: 0 auto;
}

 

 

 

Hope this helps.

Thanks! 

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
retroandcustom
Tourist
5 0 2

Thank you so much @dmwwebartisan 

This has worked and centered the Add to Cart button.  

Is there a way to allow for two lines in the product title.  Currently the product titles that go on to a second line cause the products to become misaligned.  I'm hoping there is a solution. 

Thanks again.

dmwwebartisan
Shopify Partner
4529 1019 1317

This is an accepted solution.

@retroandcustom 

For the product, title add the following code.

 

#shopify-section-collection-template .grid-link__title {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}

 

Thanks! 

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
retroandcustom
Tourist
5 0 2

Thank you again @dmwwebartisan 

Both issues are resolved thanks to your help.  

Very much appreciated.