How can I move my Add to Cart button inside the Theme Code?
I could theoretically move it within the Custom CSS on the Theme Page Editor, but that makes the site slower.
I want to move it directly in the Theme code itself.
You can see in The Screenshot, how I want it to be done - do you know where I can find it in the theme code and how to edit it then?
I tried myself to search for the element I find in Inspect Element and then search it in base.css - but I failed.
My store can be found here → https://getfemshape.com/products/femshape-bodysuit-sculpting-shapewear
1 Like
Hey @Marcoroni ,
Go to your theme’s “Edit Code” Option, then in the search bar type “theme.liquid”
Below the tag “” tag paste the following. Screenshot attached for reference.
Screenshot is for reference only, the correct code to paste is the one shown above.
Hi @Marcoroni
Do you mean like this?
From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
Find the theme that you want to edit and click on “Actions” and then “Edit code”.
In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
.product__info-container {
display: flex;
flex-direction: column;
}
.product-form__input {
order: 9
}
And Save.
Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!
1 Like
