putting page content into container

This is the area i’m having a problem with on the site https://fidesinfosys.com/Development/Page_Trouble.png

If you can send us the direct link then we can tell you why it’s not aligned properly.

Sure, I will load the template again once I get an okay to do so from my client. He had me change to another theme. I know that the header and footer are in containers, ideally I would like to put the page banner image and content area into a container as well, which I think would solve my problem. How could I go about adding the code for the container to the page banner image and the site content. Where would I put the container code for those?

Here is the direct link to the website, so you can see what is going on https://fidesinfosys.com/Development/company-overview/

I realize that some of the margins are a bit off in the social bar and the footer, but my main concern is getting the image banner and page content into a container.

I was able to put both the page banner image and page content background into the container and get it lined up with the rest of the site. I realized I had not scrolled down far enough on my header.php file to see the rest of the code that controlled the image banner and content area background.

Now the only problem I am having is getting the actual pages themselves to align within the container. All my pages are set as full width pages, since I am not using any of the sidebars.

My client also had me change the template to another one, so the link for the site will not show this information. Is there a way for me to find a the solution without actually posting the website link?

Sorry but it will be really hard for us to provide support without looking at the demo and inspecting the code. May be setting up a dev server would be better idea.

Well I changed the template back and am now working with this template. I have been able to place the page banner and content portion into a container but I am having trouble with alignment of the content on the page and widgets. When I try and move one part, the rest of the text in the content and footer area also moves along with it. I want to separate the content area and the footer areas so that each can be independently aligned.

This is the link to the site https://fidesinfosys.com/Development

Looks like you’ve modified the width of Bootstrap CSS framework itself so that is creating the issue for you. For example we can see the following css in your theme as a part of modification. If you’re trying to modify the bootstrap framework’s CSS make sure you know what you’re doing as it can create a lot of probelm if you don’t do it on correct way.

.span4 {
    width: 250px;
}