GemPages doesnt fill up the whole width of my product page when I publish it

[envyral]

I created a product page with Gempages, and it looks perfect in the Gempages site, but when I publish it and go back to my shopify site, there is empty space on both side of the page. So basically it doesn't fill up the full width of my Shopify page. 
I've tried to change the liquid and css files of my theme based on previous community questions about this similar issue, but nothing worked. I'm using the Debutify theme. 

[sahilsharma9515]

Hi @envyral 

Can you please provide your store URL and password as well if applicable, so that I can provide you solution that can work for you.

Best Regards

Sahil

[envyral]

Here is the link: https://envyral.com/products/envyral-black-friday-bundle

The main section up top with the purple background is the part that I'm referring to, which is not filling up the full page. 

[sahilsharma9515]

Hi @envyral Thanks for providing the Url, Please follow the steps to solve the issue.

You need to add this code in your theme.css/base.css/index.css whichever is available in your theme.

.wrapper {
    padding: 0px !important;
}

If you are not sure where is your theme.css/base.css/index.css file please follow the steps:

1. Login in shopify admin.
2. Click on the Online Store.
3. Then click on the button next to Customize in live Theme.
4. Click Edit Code.
5. Search theme.css/base.css/index.css in the code in left hand side.
6. Add the code at the bottom of the file.

Result:

If you will unable to implement the same then I'm happy to do this for you, let me know. I can implement the code changes so that this will work well for you.

Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!

Best Regards

Sahil