Width of ALL PAGES is not full: How to get it 100%

Hello,

My header works just fine with 100% full width, but all of my pages have really big margins on the sides even though I have set FULL-WIDTH wherever applicable.
How can I make all of my pages on the website also full-width with no margins?
Is there some CSS or setting that I need to change?

Hi,
That’s a great question. I am trying to get the same functionality: to go really full width with no lateral margins at all.

Hello @vtremsin10,

Can you please provide some explanatory screenshots with a link to your website?

You can upload screenshots to your WordPress Media Library and share a link, or you can use one of the online screenshot services.

Kind Regards, Roman.

Here is a screenshot: https://drive.google.com/file/d/0B5eCTUbZDT2pQkE4WGVpTkVNd2c/view?usp=sharing

As you see, the HOME page content (below the header) is not full-width, but has margins.
How do I fix this?

Hello @vtremsin10,

Did you try to setup the home page according to Astrid Documentation?

Kind Regards, Roman.

Yes but I need to get ALL pages full-width, not only Home.

Okay @vtremsin10,

Please try to use the following CSS code.

You can add CSS code in DashboardAppearanceCustomizeAdditional CSS (WordPress 4.7 and up). Also you can add CSS code directly to style.css file of your child theme.

body div#content {
    margin: 0;
}

body div#content > div.container {
    width: 100%;
}

@media only screen and (min-width: 992px) {
    div#primary {
        width: 70%;
    }

    aside#secondary {
        width: 30%;
    }
}

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.

Thank you

But now I have a new problem!!
When I try to put widgets on the front page (SERVICES is the one that’s most important to me), they appear as just white strips fullwidth.
There is no widget like it shows in the tutorial…

How do I fix this?

Here is a screenshot: https://drive.google.com/open?id=0B5eCTUbZDT2pQkE4WGVpTkVNd2c

Hello @vtremsin10,

Can you please provide a link to your website in order to let me inspect it?

Kind Regards, Roman.

I gave a screenshot.
My website is on my computer only right now so there is no link.
The widgets just don’t appear and are instead white strips from left to right, just like on the screenshot

https://drive.google.com/file/d/0B5eCTUbZDT2pQkE4WGVpTkVNd2c/view

Hello @vtremsin10,

Page code inspection can help me to find the cause, that’s why I asked for a link.

Did you add some services?

Kind Regards, Roman.

How do you add services?

OK I resolved this issue thank you for the help!

You are welcome @vtremsin10, have a nice day! :slight_smile:

Kind Regards, Roman.