Hi there, We are struggling to align the Quantity and Add To Cart Boxes on product pages, both on computer and phones. Here is the url https://aleweston.com/collections/fine-jewelry/products/diamond-cheeseburger-necklace would be grateful if you could help us achieve a solution to this issue. Thanks in advance.
Do this to fix it in 20 seconds:
- In your Shopify Admin go to: online store > themes > actions > edit code
- Find Asset > theme.scss.liquid or theme.css and paste this at the bottom of the file:
.product-form{
align-items: flex-end !important;
justify-content: center !important;
display: flex !important;
}
On an additional note I’d recommend updating your Debut theme since it’s quite outdated.
Your current version is from 2015/2016 (version 1.9.1), and the latest one is almost 18. There are tons of new important improvements.
Kind regards,
Diego
Hi Diego,
This is great and worked a treat. Thanks for that. Have also taken your suggestion on board and updated to the latest Debut Theme. In doing so a couple of problems have arisen, most of which we have dealt with, but a couple we can’t seem to figure out and wondered if you could perhaps advise…
-
The two main images on the home page https://www.aleweston.com used to be fixed, but now appear to move around based on how big/ small the search engine window is (giving us quite ugly results with the text at the top ‘Be Unique’ then becoming unsightly/ partially hidden etc). Any ideas how to fix those images so they dont move even when the search engine window is larger/smaller?
-
The addition of the debut theme ‘Buy It Now’ is good, but the ‘Add To Cart’ is barely now recognizable color wise. We’ve tried to customize it and looked in the code but cannot find how/ where to do that and right now we’d like to change it from the white box and pink text as it’s tough to see it.
Welcome any thoughts. Thanks Diego.
Best Wishes,