Hey i want this form to be in the center

Store Design
,
1

image
image1920×1086 135 KB
hey i want this form to be in the center not on the left like right now on mobile its good but desktop on left

2

Hey @Kris778

I’m unable to locate this page, can you send me the link of that page?

Best,
Moeed

3

Hello @Kris778 ,

I hope you are doing well!

Can you please provide the store URL? So that I can provide you the perfect code which will center the form as per your requirement.

4

ezowrzoba.pl this site

5

I am getting error while visiting the site.

image
image1402×806 26.6 KB

6

oh sorry ezowrozba.pl

7

Please copy and paste the below CSS in theme.css or base.css.

.section.section–page-width.color-scheme-1 {

display: flex;
justify-content: center;

}

This will center the form as per your requirements.

image
image1180×870 103 KB

8

Hey @Kris778

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code in the bottom of the file above </ body> tag
<style>
div#shopify-block-AT2VjbG1VcC96MXlMT__forms_inline_w7YWat {
    width: 100% !important;
}
</style>

RESULT:

image
image1274×840 208 KB

If you require any other help, feel free to reach out to me. If I managed to help you then a Like would be truly appreciated.

Best,
Moeed

9

thank you it works :)))

10

Thank you for your reply. I’m glad to hear that the solution worked well for you. If you require any more help, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.