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

[retroandcustom]

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?  

[dmwwebartisan]

@retroandcustom 

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

Thanks!

[Zworthkey]

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

[retroandcustom]

Thank you.  

URL: https://retrocustomcups.com.au

Password: underconstruction

Appreciate any help you can provide.

[retroandcustom]

Thank you.  

URL: https://retrocustomcups.com.au

Password: underconstruction

Appreciate any help you can provide.

[dmwwebartisan · 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! 

[retroandcustom]

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 · 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! 

[retroandcustom]

Thank you again @dmwwebartisan 

Both issues are resolved thanks to your help.  

Very much appreciated.