Centering the entire webpage

napiedra · Post by **napiedra** » Thu Oct 06, 2016 4:47 am

I would like to center all pages including the login and the menu in addition to all views. How can I accomplish that?

mobhar · Post by **mobhar** » Thu Oct 06, 2016 11:59 am

Just inspect the element id from your browser, and use jQuery code from "Client Scripts" section to customize its stylesheet.

digitalphotoworld · Post by **digitalphotoworld** » Fri Oct 07, 2016 9:40 pm

Don't use jQuery for such a task!

To center the entire webpage, just add 2 lines of css. The main-class for each PHPMaker project is ewLayout. One solution is to add a custom stylesheet with the modification:

.ewLayout {
margin: 0px auto;
width: 90%;
}

With margin: 0px auto, the DIV will centered. But that this can work you need a width for your DIV-Element (the main-content of the page). In the example I used 90%, but you can also use something like 960px etc.

napiedra · Post by **napiedra** » Sat Oct 08, 2016 1:38 am

Thanks, both worked although I liked the editing of CSS.