Aligning Add To Cart Buttons in now changed file under Assets by Shopify

Hi there,

I need help in aligning the Add to Cart option on my website’s collection page. I have two online stores and the code which is suggested before has worked on one of my old store where I was able to locate the file theme.css.liquid under the Assets but on my second store, I believe due to the recent changes from shopify that file no longer exist and it is now Asset->/theme.css. I have tried all the codes suggested in a previous thread by pasting them at the bottom of file Asset->/theme.css but nothing seems to work. Could someone please help me with this? Website is https://haadishealthymeal.com.

Many thanks!

Hello @Sam276 ,

You can follow these steps:

  1. Go to Online Store->Theme->Edit code

  1. Open your theme.liquid file, paste the below code before


I hope the above is useful to you.

Kind & Best regards,
GemPages Support Team

Please add below css code in bottom of assets/theme.css file

input.quantity {
width: 70px;

}
Thank you.

Hi @GemPages ,

Thank you so much for your response. Above solution does work but there is a slight issue. The products which have long titles those titles are half cut after I add this code. I have added the image for your review.

Many thanks,

Sam

@GemPages would you be able to guide me through how to avoid the issues with half cut titles please as I have mentioned in my earlier reply to you. Again thank you so much for providing the solution which actually worked!