Page default template is narrow

[JoClingan]

Hoping you can help, i cannot figure out how to adjust the width of default page template within empire theme.  It is narrow on desktop, fine on mobile.  I have tried adding custom CSS code but it says its not recognised.

For example 

https://ultimatepartyshop.com/pages/contact-us

Any ideas, no idea why shopify have done this!!

Thanks in advance.

[Asad-Mahmood · Accepted solution]

go to your online store -> edit code -> theme.css file and paste this code there in the end of file

.page-content {
    max-width: 1000px !important;
}

[TheScriptFlow]

Hey @JoClingan,

Please paste this code in the end of theme.css file.

.page-content{
  max-width: 1400px !important;
}
.page-content {
    max-width: 1400px !important;
}

Here is how you can find base.css file.

Go to Shopify Admin > Online Store > Edit Code > base.css

Results:

Let me know if you need further help.

Thanks