How can I center align the form and text on my contact us page?

Store Design
1

Hi

I am using dawn theme and i want to align the form and the text to the center of the page because right now it’s aligned to left as below screenshot.

mostafa123_0-1648760142324.png
mostafa123_0-1648760142324.png1366×768 64.6 KB

https://click.email.shopify.com/?qs=33c50a4408389bfb311d4ac96e0294b1a8cfe0b48dc71ba7d8d0060648ad5ddb6f055d9bdcdc800ade562333ed78406bf2f1b410a6ca33d0b06e0798fa325059

password: Testtest-1

2

Hi @mostafa123 ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/base.css->paste below code at the bottom of the file:
#shopify-section-template--15376751231130__main .page-width--narrow,
#shopify-section-template--15376751231130__main .main-page-title,
#shopify-section-template--15376751231130__form .spaced-section {
    margin-left: auto !important;
    margin-right: auto !important;
}

#shopify-section-template--15376751231130__main .rte h3 {
   text-align: center !important;
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

3

@mostafa123

sorry for that issue can you try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/base.css->paste below code at the bottom of the file.
#shopify-section-template--15376751231130__main, #shopify-section-template--15376751231130__form {
    max-width: 768px;
    margin: 0px auto;
}
4

Unfortunately this didn’t work

mostafa123_0-1648812105107.png
mostafa123_0-1648812105107.png1366×768 72.9 KB

5

tried your code and it didn’t work

6

Hi @mostafa123 ,

you try pasting my code at the top of base.css

Screen Shot 2022-04-01 at 6.26.07 PM.png
Screen Shot 2022-04-01 at 6.26.07 PM.png2850×1394 481 KB

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

7

When i added it to the top ,it worked perfectly

thanks a lot