Center Add to cart form

Highlighted
New Member
9 0 0

Hi guys,

 

i need help to center the form in this picture. Can someone tell me what i have to write in the code?

 

68eaf48bbdb75cd1cc8bcd580e72c84a.png

 

Thanks for your help. I use the theme "Narrative".

 

Best regards.

0 Likes
Highlighted
New Member
9 0 0

ADD:

 

The product description should be under the form.

0 Likes
Highlighted
Explorer
46 8 18

Hi @Cramz,  Please share your site URL.

- Feel free to contact me at waqas4346@gmail.com
- Was my reply helpful? Click Like and Accept as Solution
0 Likes
New Member
9 0 0

www.dianec.de

PW: dianec

0 Likes
Highlighted
Explorer
46 8 18

@Cramz Go to your Shopify admin -> Online store -> Themes -> Edit code and follow these two steps.

1. Find a file named "theme.scss.liquid" and paste the following code at the bottom of the file.

. product__content-main {
	display: block;
	.product__form-container {
		margin: 0 auto;
    	margin-bottom: 20px;
	}
	.product__description {
		margin: 0 auto;
	}
}


2. Find a file named "product-template.liquid"
2020-01-09_2105.png

- Feel free to contact me at waqas4346@gmail.com
- Was my reply helpful? Click Like and Accept as Solution
0 Likes
Highlighted
New Member
9 0 0

It worked, but my description isn't centered.

 

cbf183d3d44e849be4f52e1a88290f10.png

0 Likes
Highlighted
Explorer
46 8 18

@Cramz In your description, your first string is too large, try to add a good sample and it'll work. You may get a sample description here https://www.lipsum.com/

- Feel free to contact me at waqas4346@gmail.com
- Was my reply helpful? Click Like and Accept as Solution
0 Likes